* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font: 12px/1.5 微软雅黑, "Microsoft YaHei", PingFang SC Regular, "\5B8B\4F53", sans-serif;
    min-width: 1200px;
    /*user-select: none;*/
}

.mkFix {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(0, 0, 0, 0.8);
    z-index: 500;
    animation: mkDialogFadeIn linear .2s forwards;
}

input[type="password"]::-ms-reveal {
    display: none;
}

@keyframes mkDialogFadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.mkBox {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    opacity: 0;
    bottom: 0;
    animation: mkBoxFadeIn ease .2s forwards;
}

@keyframes mkBoxFadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.mkContent {
    position: relative;
    z-index: 1;
}

.flex {
    display: flex;
}

.flex-column {
    display: flex;
    flex-direction: column;
}

.H100 {
    height: 100%;
}

.W100 {
    width: 100%;
}

.flex-acenter {
    align-items: center;
}

.flex-center {
    justify-content: center;
}

.flex1 {
    flex: 1;
}

.flex0 {
    flex-shrink: 0;
}

.flex-sb {
    justify-content: space-between;
}

.Yauto {
    overflow-y: auto;
}

.Xauto {
    overflow-x: auto;
}

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

.mleft {
    margin-left: auto;
}

.mright {
    margin-right: auto;
}

.mtop {
    margin-top: auto;
}

.mbottom {
    margin-bottom: auto;
}

.relative {
    position: relative;
}

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

.main {
    width: 100%;
    height: 100%;
    position: relative;
}

img {
    max-width: 100%;
}

.imgW100 img {
    width: 100%;
    display: block;
}

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

.imgCover img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.avatar {
    border-radius: 50%;
    overflow: hidden;
    flex-shrink: 0;
}

.input input {
    border: none;
    outline: none;
    background-color: transparent;
    width: 100%;
    height: 100%;
    display: block;
    font-size: var(--fontsize);
    color: var(--color);
}

.input input::placeholder {
    color: var(--color);
}

.textarea textarea {
    display: block;
    outline: none;
    border: none;
    border: none;
    background-color: transparent;
    resize: none;
    font-family: '';
    color: var(--color);
}

.textarea textarea::placeholder {
    color: var(--color);
}

.select select {
    width: 100%;
    height: 100%;
    background-color: transparent;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    position: relative;
    z-index: 1;
    display: block;
}

.scrollBarNone {
    scrollbar-width: none;
}

.scrollBarNone::-webkit-scrollbar {
    display: none;
}

.thinScrollBar {
    scrollbar-width: thin;
    scrollbar-color: #f1f1f1;
}

.thinScrollBar::-webkit-scrollbar {
    width: 10px;
    background-color: #f1f1f1;
}

.thinScrollBar::-webkit-scrollbar-thumb {
    background-color: #c1c1c1;
}

a {
    text-decoration: none;
}

.ov2 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: var(--lines);
}

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

.finger {
    cursor: pointer;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

ul {
    list-style: none;
}

.w1200 {
    width: 14rem;
    margin: 0 auto;
}

.common-head {
    width: 100%;
    background-color: #fff;
}

.headFixed {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 50;
}

.common-head .main-content {
    height: 1.28rem;
}

.common-head .logo {
    width: 5rem;
}

.common-head .btn-language {
    width: .76rem;
    height: .32rem;
    border-radius: .16rem;
    background-color: #3077FF;
    padding: 0 .1rem;
    font-size: .16rem;
    color: rgba(255, 255, 255, 0.3);
    display: grid;
    text-align: center;
    align-items: center;
    grid-template-columns: repeat(2, 1fr);
}

.common-head .btn-language span.Actv {
    color: #fff;
}

.common-head .btn-user {
    margin-left: 0.45rem;
}

.common-head .btn-user .icon {
    width: .33rem;
    margin-right: .08rem;
}

.common-head .btn-user span {
    font-size: .16rem;
    color: #0076ff;
}

.common-head .head-menus {
    background-color: #3077FF;
}

.common-head .head-menus .menus-content {
    height: .58rem;
    display: grid;
    text-align: center;
    color: #fff;
    grid-template-columns: repeat(7, 1fr);
    align-items: center;
}

.common-head .head-menus .menus-content .mitem {
    height: 100%;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
}

.common-head .userBox {
    position: relative;
}

.common-head .subMenu {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    transform: translateY(100%);
    padding-top: .15rem;
    display: none;
    z-index: 50;
}

.common-head .userBox:hover .subMenu {
    display: block;
}

.common-head .mitem:hover .subMenu {
    display: block;
}

.common-head .subMenu:hover {
    display: block;
}


.common-head .subMenu .mBox {
    width: 100%;
    background-color: #fff;
    box-shadow: 0 3px .16rem rgba(27, 93, 171, .1);
    padding: .15rem;
    font-size: .18rem;
    color: #333;
    text-align: center;
    line-height: 1.5;
}

.common-head .subMenu .mBox li {
    margin-bottom: .2rem;
    cursor: pointer;
}

.common-head .subMenu .mBox li:hover {
    color: #1E90FF;
}

.common-head .head-menus .menus-content .mitem.Actv,
.common-head .head-menus .menus-content .mitem:hover {
    background-color: #0043FF;
}

.common-head .head-menus .menus-content .label {
    font-size: .22rem;
    font-weight: bold;
}

.common-head .head-menus .menus-content span {
    font-size: .16rem;
}

.Index {
    padding-top: .4rem;
}

.Index .pageBox {
    display: flex;
    margin-bottom: .3rem;
}

.Index .pageBox .left {
    flex-shrink: 0;
    margin-right: .3rem;
}

.Index .pageBox .left .slide {
    width: 3.04rem;
    margin-bottom: .1rem;
}

.Index .pageBox .left .slide .item {
    height: 1.34rem;
    position: relative;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: .1rem;
}

.Index .pageBox .left .slide .item::before {
    content: "";
    width: 100%;
    height: 100%;
    background: url(../images/index-menu-kuang.png) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.Index .pageBox .left .slide .item .text {
    position: relative;
    z-index: 2;
    text-align: center;
    font-size: .22rem;
}

.Index .pageBox .left .slide .item .text .en {
    color: #DBEEFF;
    text-transform: uppercase;
}

.Index .pageBox .left .slide .item .text .label {
    position: relative;
    color: #0762CB;
    line-height: 1;
    margin-bottom: -.18rem;
}

.Index .pageBox .left .imgs .img {
    margin-bottom: .18rem;
}

.Index .pageBox .right {
    flex: 1;
    overflow: hidden;
}

.Index .pageBox .right .article-box {
    margin-bottom: .4rem;
}

.Index .pageBox .right .article-box .title {
    font-size: .26rem;
    color: #333333;
    font-weight: bold;
    text-align: center;
}

.Index .pageBox .right .article-box .en {
    text-align: center;
    font-size: .14rem;
    color: #666666;
    margin-bottom: .18rem;
}

.Index .pageBox .right .article-box .content {
    font-size: .18rem;
    color: #666666;
    line-height: 1.7;
    text-align: justify;
    word-break: break-word;
    hyphens: manual;
}

.common-foot {
    width: 100%;
    background-color: #E0E6ED;
}

.common-foot .content-top {
    display: flex;
    margin-bottom: .35rem;
    padding-top: .22rem;
}

.common-foot .content-top .sec1 {
    padding-top: .5rem;
    margin-right: .55rem;
    flex-shrink: 0;
}

.common-foot .content-top .sec1 .ma {
    width: .8rem;
    margin-bottom: .08rem;
}

.common-foot .content-top .sec1 ul {
    font-size: .13rem;
    line-height: 1.7;
    color: #333333;
}

.common-foot .content-top .sec2 .title {
    font-size: .22rem;
    color: #333333;
    font-weight: bold;
    margin-bottom: .15rem;
}

.common-foot .content-top .sec2 .itemBox {
    font-size: .14rem;
    color: #333333;
    margin-bottom: .15rem;
}

.common-foot .content-top .sec2 .itemBox ul {
    line-height: 1.7;
}

.common-foot .content-top .sec3 {
    display: flex;
    margin-left: auto;
}

.common-foot .content-top .sec3 .itemBox:not(:last-of-type) {
    margin-right: .48rem;
}

.common-foot .content-top .sec3 .itemBox .label {
    font-size: .2rem;
    color: #333333;
    margin-bottom: .1rem;
}

.common-foot .content-top .sec3 .itemBox ul {
    font-size: .14rem;
    color: #333333;
    line-height: 1.7;
}

.common-foot .content-top .sec3 .itemBox ul li {
    cursor: pointer;
}

.common-foot .content-foot {
    border-top: 1px solid #CCD1D5;
    height: .5rem;
}

.common-foot .content-foot .copyright {
    font-size: .14rem;
    color: #333333;
    text-align: center;
    line-height: .5rem;
}

.Login {
    min-height: calc(100vh - .5rem - 1px);
    padding: 2rem 0 .35rem;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    background: url(../images/login-bg.png) no-repeat;
    background-size: cover;
}

.Login .pageBox {
    display: flex;
}

.Login .left {
    margin-right: 2.5rem;
}

.Login .left .tip {
    font-size: .22rem;
    color: #333333;
    margin-bottom: .4rem;
}

.Login .left .title {
    font-size: .34rem;
    color: #1E90FF;
    font-weight: bold;
    margin-bottom: .3rem;
}

.Login .left .tipBox {
    font-size: .22rem;
    color: #333333;
}

.Login .left .tipBox .label {
    margin-bottom: .15rem;
}

.Login .left .tipBox ul li {
    display: flex;
    align-items: center;
    margin-bottom: .2rem;
}

.Login .left .tipBox ul li::before {
    content: "";
    width: .09rem;
    height: .17rem;
    background: url(../images/login-arr.png) no-repeat;
    background-size: 100% 100%;
    display: block;
    margin-right: .1rem;
}

.Login .left .btn-create {
    width: 2.32rem;
    line-height: .65rem;
    border-radius: .1rem;
    background-color: #1E90FF;
    text-align: center;
    color: #fff;
    font-size: .24rem;
    font-weight: bold;
    margin-top: .35rem;
}

.Login .card {
    width: 6.1rem;
    border-radius: .1rem .1rem 0 0;
    overflow: hidden;
}

.Login .card .card-top {
    line-height: .8rem;
    background-color: #EEF0F0;
    padding: 0 .36rem;
    display: flex;
}

.Login .card .card-top .item {
    font-size: .26rem;
    color: #AAAAAA;
    cursor: pointer;
    margin-right: .75rem;
}

.Login .card .card-top .item.Actv {
    color: #1E90FF;
    font-weight: bold;
}

.Login .card .card-content {
    padding: .28rem .38rem .2rem;
    background-color: rgba(255, 255, 255, 0.8);
}

.Login .card .card-content .input {
    width: 100%;
    --fontsize: .16rem;
    height: .66rem;
    border-radius: .05rem;
    background-color: #fff;
    border: 1px solid #EEEEEE;
    display: flex;
    padding: 0 0 0 .25rem;
    margin-bottom: .2rem;
}

.Login .card .card-content .input label {
    min-width: .35rem;
    margin-right: .14rem;
    font-size: .16rem;
    flex-shrink: 0;
    color: #333333;
    font-weight: bold;
    line-height: calc(.66rem - 2px);
}

.Login .card .card-content .input label img {
    width: 45%;
    height: 100%;
    object-fit: contain;
}

.Login .card .card-content .input input {
    color: #333333;
}

.Login .card .card-content .input input::placeholder {
    color: #BBBBBB;
}

.Login .card .card-content .btn-login {
    line-height: .66rem;
    background-color: #1E90FF;
    border-radius: .1rem;
    font-size: .2rem;
    color: #fff;
    font-weight: bold;
    text-align: center;
    margin-bottom: .25rem;
}

.Login .card .card-content .btn-forget {
    font-size: .16rem;
    color: #1E90FF;
    font-weight: bold;
}

.Login .card .card-content .sms-box {
    margin-bottom: .2rem;
}

.Login .card .card-content .sms-box .btn-sms {
    width: 1.68rem;
    line-height: .66rem;
    border-radius: .1rem;
    background-color: #1E90FF;
    font-size: .18rem;
    color: #fff;
    text-align: center;
    margin-left: .2rem;
}

.Login .card .card-content .sms-box .btn-sms.disabled {
    cursor: not-allowed;
    background-color: #EEF0F0;
}

.Login .card .card-content .tip {
    font-size: .16rem;
    color: #333333;
    margin-top: .05rem;
}

.Login .registBox {
    border-radius: .1rem;
    overflow: hidden;
}

.Login .registBox .hd {
    width: 100%;
    line-height: .8rem;
    position: relative;
    padding: 0 .2rem;
    background-color: #eff0f1;
}

.Login .registBox .hd .title {
    font-size: .26rem;
    color: #1e90ff;
    font-weight: bold;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate3d(-50%, -50%, 0);
}

.Login .registBox .hd .btn-return {
    font-size: .18rem;
    color: #1e90ff;
    font-weight: bold;
    margin-left: auto;
}

.Login .registBox .editBox {
    background-color: rgba(255, 255, 255, 0.8);
    padding: .3rem;
}

.Login .registBox .editBox .box {
    width: 6.1rem;
    margin: 0 auto;
}

.Login .registBox .editBox .itemBox {
    margin-bottom: .25rem;
}

.Login .registBox .editBox .itemBox .item-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: .15rem;
}

.Login .registBox .editBox .itemBox .item-top .label {
    font-size: .18rem;
    color: #333333;
    font-weight: bold;
    display: flex;
    align-items: center;
}

.Login .registBox .editBox .itemBox .item-top .label::before {
    content: "";
    width: .04rem;
    height: .17rem;
    background-color: #1e90ff;
    display: block;
    margin-right: .05rem;
    border-radius: .03rem;
}

.Login .registBox .editBox .itemBox .item-top .tip {
    font-size: .16rem;
    color: #333333;
}

.Login .registBox .editBox .itemBox .item-top .tip span {
    color: #ff2323;
}

.Login .registBox .editBox .itemBox .sm-card {
    width: 100%;
    min-height: .5rem;
    border-radius: .1rem;
    position: relative;
    margin-bottom: 0.15rem;
    font-weight: bold;
    font-size: .16rem;
}

.Login .registBox .editBox .itemBox .sm-card.required .label::after {
    content: "*";
    font-size: .24rem;
    color: #ff2323;
    right: -.15rem;
    top: -0.05rem;
    position: absolute;
}
.Login .registBox .editBox .itemBox .sm-card.required .labelcode::after {
    content: "*";
    font-size: .24rem;
    color: #ff2323;
    right: -.15rem;
    top: -0.05rem;
    /*position: absolute;*/
}

.Login .registBox .editBox .itemBox .sm-card .label {
    font-size: .16rem;
    color: #333333;
    font-weight: bold;
    margin-right: .2rem;
    width: fit-content;
    flex-shrink: 0;
    margin-bottom: .1rem;
    position: relative;
}

.Login .registBox .editBox .itemBox .sm-card .input {
    flex: 1;
    --fontsize: .16rem;
    padding: .15rem .1rem;
    border-radius: .1rem;
    background-color: #fff;
}

.Login .registBox .editBox .itemBox .sm-card .input input {
    color: #333;
}

.Login .registBox .editBox .itemBox .sm-card .input input::placeholder {
    color: #bbbbbb;
}

.Login .registBox .editBox .itemBox .sm-card .textarea {
    flex: 1;
    padding: .15rem .1rem;
    border-radius: .1rem;
    background-color: #fff;
}

.Login .registBox .editBox .itemBox .sm-card .textarea textarea {
    font-size: .16rem;
    width: 100%;
    height: .8rem;
    display: block;
    color: #333;
}

.Login .registBox .editBox .itemBox .sm-card .textarea textarea::placeholder {
    color: #bbbbbb;
}

.Login .registBox .editBox .itemBox .sm-card .select {
    flex: 1;
    background-color: #fff;
    border-radius: .1rem;
    padding: .15rem .1rem;
    position: relative;
}

select.selected {
    color: #333 !important;
}

.Login .registBox .editBox .itemBox .sm-card .select select {
    border: none;
    outline: none;
    font-size: .16rem;
    color: #bbbbbb;
}

.Login .registBox .editBox .itemBox .sm-card .select::after {
    content: "";
    width: .18rem;
    height: .11rem;
    background: url(../images/icon-select-arr.png) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    right: .28rem;
    top: 50%;
    transform: translateY(-50%);
}

.Login .registBox .editBox .itemBox .sm-card.sms-box .sms-code {
    width: 1.35rem;
    height: .5rem;
    border-radius: .1rem;
    overflow: hidden;
    margin-left: .25rem;
    flex-shrink: 0;
}

.Login .registBox .editBox .itemBox .sm-card.sms-box .sms-code2 {
    width: 1.35rem;
    height: .5rem;
    line-height: .5rem;
    border-radius: .1rem;
    background-color: #1E90FF;
    font-size: .18rem;
    color: #fff;
    text-align: center;
    margin-left: .2rem;
}

.Login .registBox .editBox .btn-submit {
    background-color: #1e90ff;
    line-height: .5rem;
    border-radius: .1rem;
    color: #fff;
    font-size: .2rem;
    margin-top: .5rem;
    text-align: center;
    font-weight: bold;
}

.Article {
    padding-top: .4rem;
}

.Article .pageBox {
    margin-bottom: 2rem;
    align-items: flex-start;
}

.slideBox {
    width: 2.3rem;
    flex-shrink: 0;
    margin-right: .3rem;
    border: 1px solid #eeeeee;
    padding: 0 .1rem;
}

.slideBox .item {
    font-size: .16rem;
    color: #333333;
    position: relative;
    min-height: .64rem;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    line-height: 1.5;
    cursor: pointer;
    font-weight: bold;
    padding: .2rem 0 .2rem .14rem;
}

.slideBox .item:not(:last-of-type) {
    border-bottom: 1px solid #f6f6f6;
}

.slideBox .item:hover {
    color: #0177ff;
}

.slideBox .item.Actv {
    color: #0177ff;
}

.slideBox .item.Actv::before {
    content: "";
    width: .08rem;
    height: .1rem;
    background: url(../images/article-arr.png) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.Article .pageBox .rightBox .article-box {
    /* border-bottom: 1px solid #efefef; */
}

.Article .pageBox .rightBox .article-box .itemBox:not(:last-child) {
    margin-bottom: .45rem;
}

.Article .pageBox .rightBox .article-box .itemBox .title {
    font-size: .2rem;
    color: #262728;
    font-weight: bold;
    margin-bottom: .25rem;
    width: min-content;
    white-space: nowrap;
    position: relative;
}

.Article .pageBox .rightBox .article-box .itemBox .title span {
    position: relative;
    z-index: 1;
}

.Article .pageBox .rightBox .sec2 .article-box .itemBox .title::after {
    content: "";
    width: calc(100% + .1rem);
    height: .12rem;
    background-color: #E0F0FF;
    border-radius: .06rem;
    position: absolute;
    left: 0;
    bottom: 0;
}

.Article .pageBox .rightBox .article-box .itemBox ul {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    font-size: .16rem;
    color: #333333;
    border-bottom: 1px dashed #E2E2E2;
}

.Article .pageBox .rightBox .article-box .itemBox:last-child ul {
    border: none;
}

.Article .pageBox .rightBox .article-box .itemBox:last-child ul li:last-child {
    //margin-bottom: 0;
}

.English .Article .pageBox .rightBox .article-box .itemBox ul {
    grid-template-columns: repeat(1, 1fr);
}

.Article .pageBox .rightBox .article-box .itemBox ul li {
    padding-left: .38rem;
    position: relative;
    margin-bottom: .25rem;
    list-style: none;
    display: flex;
    align-items: center;
}

.Article .pageBox .rightBox .article-box .itemBox ul li::before {
    content: "";
    width: .06rem;
    height: .06rem;
    background-color: #1E90FF;
    border-radius: 50%;
    position: absolute;
    left: .25rem;
    top: 50%;
    transform: translateY(-50%);
}

.Article .pageBox .rightBox .files-box {
    margin-top: .48rem;
}

.Article .pageBox .rightBox .files-box .itemBox {
    display: flex;
    align-items: center;
    margin-bottom: .3rem;
    box-shadow: 0 0 .15rem rgba(7, 98, 203, .08);
    padding: .15rem 0;
}

.Article .pageBox .rightBox .files-box .itemBox .icon-file {
    width: .43rem;
    margin-right: .18rem;
}

.Article .pageBox .rightBox .files-box .itemBox .name {
    font-size: .2rem;
    color: #333333;
    flex: 1;
}

.Article .pageBox .rightBox .files-box .itemBox .btn-download {
    font-size: .2rem;
    color: #0762cb;
    cursor: pointer;
    font-weight: bold;
    margin-left: .5rem;
    flex-shrink: 0;
    margin-right: .1rem;
}

.Article .pageBox .rightBox .files-box .itemBox .btn-download .icon-down {
    width: .25rem;
    margin-right: .1rem;
}

.Article .pageBox .rightBox .article-papers .title {
    font-size: .26rem;
    color: #ebebeb;
    text-transform: uppercase;
    margin-bottom: .15rem;
}

.Article .pageBox .rightBox .article-papers .title .label {
    font-size: .26rem;
    color: #333333;
    font-weight: bold;
    margin-bottom: -.23rem;
    position: relative;
}

.Article .pageBox .rightBox .article-papers ul li {
    display: flex;
    align-items: center;
    line-height: 1.05rem;
    border-bottom: 1px solid #f2f2f2;
    cursor: pointer;
}

.Article .pageBox .rightBox .article-papers ul li .time {
    font-size: .2rem;
    color: #666666;
    text-transform: uppercase;
    margin-right: .36rem;
    flex-shrink: 0;
    font-weight: bold;
}

.Article .pageBox .rightBox .article-papers ul li .name {
    flex: 1;
    font-size: .18rem;
    color: #262728;
    font-weight: bold;
}

.Article .pageBox .rightBox .article-papers ul li::after {
    content: "";
    display: block;
    width: .12rem;
    height: .24rem;
    background: url(../images/icon-arr-right.png) no-repeat;
    background-size: 100% 100%;
    margin-left: .5rem;
    flex-shrink: 0;
}

.Information {
    padding-top: .4rem;
}

.Information .slideBox {
    width: 2.35rem;
    flex-shrink: 0;
    margin-right: .3rem;
    border: 1px solid #eeeeee;
    padding: 0 .1rem;
}


.Information .slideBox .item:not(:last-of-type) {
    border-bottom: 1px solid #f6f6f6;
}

.Information .slideBox .item:hover {
    color: #0177ff;
}

.Information .slideBox .item.Actv {
    color: #0177ff;
}

.Information .slideBox .item.Actv::before {
    content: "";
    width: .08rem;
    height: .1rem;
    background: url(../images/article-arr.png) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.Information .pageBox {
    margin-bottom: .5rem;
    min-height: 3.8rem;
    align-items: flex-start;
}

.Information .sec1 {
    padding-top: .35rem;
}

.Information .sec1 .title {
    font-size: .26rem;
    color: #333333;
    font-weight: bold;
    margin-bottom: .35rem;
}

.Information .sec1 .htmlContent {
    font-size: .18rem;
    color: #666666;
    line-height: 1.7;
    letter-spacing: 1px;
}

.Information .pageBox .sec2 ul li {
    display: flex;
    align-items: center;
    line-height: 1.05rem;
    border-bottom: 1px solid #f2f2f2;
    cursor: pointer;
}

.Information .pageBox .sec2 ul li .time {
    font-size: .2rem;
    color: #666666;
    text-transform: uppercase;
    margin-right: .36rem;
    flex-shrink: 0;
    font-weight: bold;
}

.Information .pageBox .sec2 ul li .name {
    flex: 1;
    font-size: .18rem;
    color: #262728;
    font-weight: bold;
}

.Information .pageBox .sec2 ul li::after {
    content: "";
    display: block;
    width: .12rem;
    height: .24rem;
    background: url(../images/icon-arr-right.png) no-repeat;
    background-size: 100% 100%;
    margin-left: .5rem;
    flex-shrink: 0;
}

.Information .sec3 .card {
    width: 100%;
    border-radius: .08rem;
    border: 1px solid #f6f6f6;
    padding: .25rem .2rem;
    margin-bottom: .28rem;
}

.Information .sec3 .card .card-title {
    font-size: .2rem;
    color: #191b1b;
    font-weight: bold;
    margin-bottom: .25rem;
}

.Information .sec3 .card .info {
    font-size: .18rem;
    color: #191b1b;
}

.Information .sec3 .card .infoBox {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}

.Information .sec3 .card .infoBox .itemBox {
    font-size: .16rem;
    color: #191b1b;
    line-height: 1.7;
}

.Information .sec4 .list .list-item .item-title {
    font-size: .18rem;
    color: #333333;
    font-weight: bold;
    margin-bottom: .25rem;
    padding-bottom: .2rem;
    border-bottom: 1px solid #2B3540;
}

.Information .sec4 .list .list-item .imgList {
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
}

.Information .sec4 .list .list-item .imgList .imgItem {
    width: 1.88rem;
    margin-right: calc(calc(100% - 7.52rem) / 3);
    margin-bottom: .5rem;
    position: relative;
}

.Information .sec4 .list .list-item .imgList .imgItem:nth-child(4n) {
    margin-right: 0;
}

.Information .sec4 .list .list-item .img {
    width: 1.8rem;
    height: 2.53rem;
    overflow: hidden;
    position: relative;
    z-index: 2;
}

.Information .sec4 .list .list-item .top {
    position: relative;
    height: 2.6rem;
    margin-bottom: .14rem;
}

.Information .sec4 .list .list-item .top::after {
    width: 1.41rem;
    height: 1.17rem;
    content: "";
    background: url(../images/icon-sj.png) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    right: 0;
    bottom: 0;
}

.Information .sec4 .list .list-item .name {
    font-size: .14rem;
    color: #333333;
    font-weight: bold;
    word-break: break-word;
    /*line-break: anywhere;*/
}

.Information .sec4 .sec-top {
    margin-bottom: .45rem;
}

.Information .sec4 .sec-top .title {
    font-size: .18rem;
    color: #333333;
    font-weight: bold;
    margin-bottom: .15rem;
}

.Information .sec4 .sec-top .info {
    font-size: .16rem;
    color: #333333;
}

.Information .sec5 .list {
    padding-top: .3rem;
}

.Information .sec5 .list .list-item {
    margin-bottom: .58rem;
}

.Information .sec5 .list .list-item .item-top {
    padding-left: 2.45rem;
    margin-bottom: .05rem;
}

.Information .sec5 .list .list-item .item-top .name {
    font-size: .16rem;
    color: #999999;
    text-transform: uppercase;
    margin-bottom: .05rem;
}

.Information .sec5 .list .list-item .item-top .name span {
    font-size: .22rem;
    color: #333333;
    font-weight: bold;
}

.Information .sec5 .list .list-item .item-top ul li {
    font-size: .14rem;
    color: #999999;
}

.Information .sec5 .list .list-item .content {
    background-color: #1e90ff;
    border-bottom-right-radius: 1.3rem;
    padding: 0.3rem 0 0;
}

.Information .sec5 .list .list-item .content .img {
    width: 2.39rem;
    height: 3.24rem;
    overflow: hidden;
    position: relative;
    top: -1.2rem;
    flex-shrink: 0;
    margin-right: .08rem;
    margin-bottom: -.95rem;
}

.Information .sec5 .list .list-item .content .htmlContent {
    font-size: .14rem;
    color: #fff;
    line-height: 1.7;
    padding-right: .05rem;
}

.Information .sec6 .list-item {
    background-color: #fff;
    box-shadow: 0 0.03rem 0.16rem rgba(7, 98, 203, 0.1);
    margin-bottom: .3rem;
    padding: .18rem;
}

.Information .sec6 .list-item .logo {
    width: 1.07rem;
    margin-bottom: .15rem;
}

.Information .sec6 .list-item .name {
    font-size: .16rem;
    color: #333333;
    font-weight: bold;
    margin-bottom: .1rem;
}

.Information .sec6 .list-item .info {
    font-size: .14rem;
    color: #999999;
    line-height: 1.7;
}

.Paper .slideBox {
    text-transform: uppercase;
}

.Paper .collectionBox .collec-top {
    display: flex;
    align-items: center;
    text-transform: uppercase;
    margin-bottom: .4rem;
}

.Paper .collectionBox .collec-top .time {
    font-size: .2rem;
    color: #666666;
    margin-right: .55rem;
}

.Paper .collectionBox .collec-top .title {
    font-size: .18rem;
}

.Paper .collectionBox .list-item .item-top {
    display: flex;
    align-items: center;
}

.Paper .collectionBox .list-item .item-top .btn-colspan {
    width: .34rem;
    flex-shrink: 0;
    margin-right: .2rem;
}

.Paper .collectionBox .list-item .item-top .item-title {
    font-size: .2rem;
    color: #27282a;
    line-height: 1.5;
    font-weight: bold;
    word-break: break-all;
}

.Paper .collectionBox .list-item .slist {
    padding-left: .35rem;
    margin-top: .3rem;
    height: 0;
    overflow: hidden;
}

.Paper .collectionBox .list-item.Actv .slist {
    height: initial;
}

.Paper .collectionBox .list-item .sItem {
    margin-bottom: .3rem;
}

.Paper .collectionBox .list-item .sItem .sLabel {
    font-size: .16rem;
    color: #27282a;
    font-weight: bold;
    margin-right: .35rem;
    flex-shrink: 0;
}

.Paper .collectionBox .list-item .sItem .sRight .stitle {
    font-size: .18rem;
    color: #1e90ff;
    font-weight: bold;
    text-decoration: underline;
    /*word-break: break-all;*/
    margin-bottom: .1rem;
    text-underline-offset: .08rem;
}

.Paper .collectionBox .list-item .sItem .sRight .names {
    font-size: .18rem;
    color: #666666;
}

.Learning {
    padding-top: .4rem;
}

.Learning .pageBox {
    margin-bottom: 2rem;
}

.Learning .sec1 .list-item {
    display: flex;
    align-items: center;
    padding-bottom: 0.3rem;
    border-bottom: 1px solid #f7f7f7;
    margin-bottom: .6rem;
}

.Learning .sec1 .list-item .date {
    width: .9rem;
    padding-right: .2rem;
    border-right: 1px solid #edeeee;
    flex-shrink: 0;
    text-align: center;
}

.Learning .sec1 .list-item .date .num {
    font-size: .36rem;
    color: #666666;
    font-weight: bold;
    line-height: 1;
}

.Learning .sec1 .list-item .date span {
    font-size: .14rem;
    color: #666666;
}

.Learning .sec1 .list-item .item-right {
    flex: 1;
    padding-left: .3rem;
}

.Learning .sec1 .list-item .item-right .item-title {
    font-size: .18rem;
    color: #333333;
    font-weight: bold;
    margin-bottom: .05rem;
}

.Learning .sec1 .list-item .item-right .item-content {
    font-size: .14rem;
    color: #666;
    line-height: 1.7;
}

.Learning .detailBox .title {
    font-size: .26rem;
    color: #333333;
    font-weight: bold;
    margin-bottom: .05rem;
}

.Learning .detailBox .info {
    display: flex;
    align-items: center;
    font-size: .14rem;
    color: #999999;
    margin-bottom: .45rem;
}

.Learning .detailBox .info .time {
    margin-right: .4rem;
}

.Learning .detailBox .htmlContent {
    font-size: .14rem;
    line-height: 1.8;
    color: #666666;
    letter-spacing: 1px;
}

.Register .formBox {
    /* padding: .25rem .35rem .55rem;
    border: 1px solid #eeeeee; */
}

.Register .formBox .title {
    font-size: .2rem;
    color: #333333;
    font-weight: bold;
    margin-bottom: .1rem;
}

.Register .formBox .sm-box {
    width: 100%;
    min-height: .65rem;
    padding: 0 .3rem;
    margin-bottom: .2rem;
}

.Register .formBox .sm-box .btn-upload {
    width: .8rem;
    line-height: .33rem;
    background-color: #1e90ff;
    border-radius: .1rem;
    font-size: .16rem;
    color: #fff;
    text-align: center;
    margin-left: .1rem;
    flex-shrink: 0;
}

.Register .formBox .sm-box .select {
    border: 1px solid #f2f2f2;
    padding: .15rem .1rem;

}

.Register .formBox .sm-box .label {
    font-size: .16rem;
    color: #333333;
    font-weight: bold;
    flex-shrink: 0;
    margin-right: .25rem;
    min-width: 1.5rem;
    margin-bottom: .15rem;
}

.radioGroup .radioItem {
    font-size: .16rem;
    color: #333333;
    font-weight: bold;
    cursor: pointer;
    margin-right: .45rem;
}

.radioGroup .radioItem .icon {
    width: .18rem;
    margin-right: .1rem;
}

.Register .formBox .sm-box .input {
    flex: 1;
    border: 1px solid #f2f2f2;
    --fontsize: .16rem;
    padding: .15rem .1rem;
}

.Register .formBox .sm-box .input input {
    color: #333;
}

.Register .formBox .sm-box .input input::placeholder {
    color: #bbbbbb;
}

.Register .formBox .sm-box .textarea {
    flex: 1;
}

.Register .formBox .sm-box .textarea textarea {
    font-size: .16rem;
    width: 100%;
    height: .8rem;
    display: block;
    color: #333;
}

.Register .formBox .sm-box .textarea textarea::placeholder {
    color: #bbbbbb;
}

.Register .formBox .sm-box .select {
    flex: 1;
    height: 100%;
    position: relative;
}

.Register .formBox .sm-box .select select {
    border: none;
    outline: none;
    font-size: .16rem;
    display: block;
    height: 100%;
    color: #bbbbbb;
}

.Register .formBox .sm-box .select::after {
    content: "";
    width: .18rem;
    height: .11rem;
    background: url(../images/icon-select-arr.png) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    right: .28rem;
    top: 50%;
    transform: translateY(-50%);
}

.Register .formBox .btn-submit {
    width: 5.3rem;
    background-color: #1e90ff;
    line-height: .66rem;
    font-size: .2rem;
    font-weight: bold;
    text-align: center;
    color: #fff;
    border-radius: .1rem;
    margin-left: auto;
    margin-top: .35rem;
}

.My {
    background: none;
    padding-top: .4rem;
    display: block;
}

.My .registBox {
    width: 8.85rem;
    padding: .3rem;
    border: 1px solid #eeeeee;
}

.My .registBox .required::after {
    content: "" !important;
}

.My .registBox .sm-card {
    border: 1px solid #eeeeee;
}

.My .registBox .hd {
    background-color: transparent;
}

.My .registBox .page-top {
    display: flex;
}

.My .registBox .page-top .btn-logout {
    margin-left: auto;
    display: flex;
    align-items: center;
    font-size: .16rem;
    color: #2493ff;
}

.My .registBox .page-top .btn-logout .icon {
    width: .18rem;
    flex-shrink: 0;
    margin-right: 5px;
}

.My .registBox .userBox {
    width: min-content;
    white-space: nowrap;
    margin: 0 auto .3rem;
}

.My .registBox .userBox .avatar {
    width: 1.3rem;
    height: 1.3rem;
    border-radius: 50%;
    overflow: hidden;
    margin: 0 auto 5px;
}

.My .registBox .userBox .btn-change {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    font-size: .16rem;
    color: #2493ff;
    font-weight: bold;
}

.My .registBox .userBox .btn-change .icon {
    width: .22rem;
    margin-right: 5px;
}

.My .sec2 {
    border: 1px solid #eeeeee;
    padding: .2rem;
}

.My .sec2 .sec-top {
    display: flex;
    margin-bottom: .2rem;
}

.My .sec2 .sec-top .btn-upload {
    width: fit-content;
    height: .47rem;
    border-radius: .1rem;
    cursor: pointer;
    background-color: #1e90ff;
    font-size: .18rem;
    color: #fff;
    text-align: center;
    line-height: .47rem;
    margin-left: auto;
    padding: 0 0.15rem;
}

.My .sec2 .list .list-item .item-title {
    font-size: .24rem;
    color: #333333;
    font-weight: bold;
    margin-bottom: .25rem;
}

.My .sec2 .list .list-item .art-list .itemBox {
    border: 1px solid #f2f2f2;
    margin-bottom: .15rem;
}

.My .sec2 .list .list-item .art-list .itemBox .progressBox {
    height: .76rem;
    display: flex;
    align-items: center;
    padding: .2rem;
    border-top: 1px solid #f2f2f2;
}

.My .sec2 .list .list-item .art-list .itemBox .progressBox .label {
    font-size: .14rem;
    color: #333;
    margin-right: .6rem;
}

.My .sec2 .list .list-item .art-list .itemBox .progressBox .process {
    flex: 1;
    display: flex;
    --right: 2.25rem;
    --width: .12rem;
}

.My .sec2 .list .list-item .art-list .itemBox .progressBox .process .proItem {
    width: var(--width);
    height: .4rem;
    color: #999999;
    font-size: .14rem;
    position: relative;
}

.My .sec2 .list .list-item .art-list .itemBox .progressBox .process .proItem:not(:last-child) {
    margin-right: var(--right);
}

.My .sec2 .list .list-item .art-list .itemBox .progressBox .process .proItem span {
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    white-space: nowrap;
}

.My .sec2 .list .list-item .art-list .itemBox .progressBox .process .proItem:not(:first-of-type)::before {
    width: calc(var(--right) + var(--width));
    background-color: #f3f3f3;
    left: 50%;
    content: "";
    height: .03rem;
    display: block;
    position: absolute;
    top: calc(var(--width) / 2);
    transform: translate(-100%, -50%);
}

.My .sec2 .list .list-item .art-list .itemBox .progressBox .process .proItem::after {
    content: "";
    width: var(--width);
    display: block;
    height: var(--width);
    border-radius: 50%;
    position: relative;
    background: #999999;
    z-index: 10;
}

.My .sec2 .list .list-item .art-list .itemBox .progressBox .process .proItem.Actv::before {
    background-color: #7fabff;
}

.My .sec2 .list .list-item .art-list .itemBox .progressBox .process .proItem.Actv::after {
    background: url(../images/icon-process.png) no-repeat;
    background-size: 100% 100%;
}

.My .sec2 .list .list-item .art-list .itemBox .progressBox .process .proItem.Actv span {
    color: #3077ff;
}

.My .sec2 .list .list-item .art-list .itemBox .itemRight {
    padding: .16rem .2rem;
}

.My .sec2 .list .list-item .art-list .itemBox .itemRight .itemRightTop {
    display: flex;
    margin-bottom: .08rem;
}

.My .sec2 .list .list-item .art-list .itemBox .itemRight .itemRightTop .name {
    font-size: .18rem;
    color: #1e90ff;
    flex: 1;
    font-weight: bold;
}

.My .sec2 .list .list-item .art-list .itemBox .itemRight .itemRightTop .status {
    font-size: .14rem;
    color: #ff531e;
}

.My .sec2 .list .list-item .art-list .itemBox .itemRight .itemRightTop .status.passed {
    color: #aaaaaa;
}

.My .sec2 .list .list-item .art-list .itemBox .itemRight .itemCenter {
    margin-bottom: .08rem;
    display: flex;
    align-items: center;
}

.My .sec2 .list .list-item .art-list .itemBox .itemRight .itemCenter .names {
    font-size: .14rem;
    color: #333333;
    flex: 1;
}

.My .sec2 .list .list-item .art-list .itemBox .itemRight .itemCenter .operate {
    margin-left: .5rem;
    flex-shrink: 0;
}

.My .sec2 .list .list-item .art-list .itemBox .itemRight .itemCenter .operate div {
    width: .15rem;
}

.My .sec2 .list .list-item .art-list .itemBox .itemRight .itemCenter .operate div:not(:last-of-type) {
    margin-right: .1rem;
}

.My .sec2 .list .list-item .art-list .itemBox .itemRight .itemFoot .time {
    font-size: .14rem;
    color: #aaaaaa;
}

.My .sec3 {
    border: 1px solid #eeeeee;
}

.My .sec3 .sec-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: .16rem;
    color: #1e90ff;
    margin-bottom: .25rem;
    padding: .25rem;
}

.My .sec3 .sec-top .title {
    font-size: .24rem;
    color: #333333;
    font-weight: bold;
}

.My .sec3 .box {
    width: 5.35rem;
    margin: 0 auto;
}

.My .sec3 .sm-card {
    width: 100%;
    min-height: .5rem;
    border-radius: .1rem;
    background-color: #fff;
    position: relative;
    margin-bottom: 0.15rem;
}

.My .sec3 .sm-card.required .label::after {
    content: "*";
    font-size: .24rem;
    color: #ff2323;
    position: absolute;
    top: -0.05rem;
    right: -.2rem;
    position: absolute;
}

.My .sec3 .sm-card .label {
    font-size: .16rem;
    color: #333333;
    font-weight: bold;
    position: relative;
    margin-right: .2rem;
    width: fit-content;
    flex-shrink: 0;
    margin-bottom: .15rem;
}

.My .sec3 .sm-card .input {
    flex: 1;
    --fontsize: .16rem;
    border: 1px solid #eee;
    padding: .15rem .1rem;
    border-radius: .1rem;
}

.My .sec3 .sm-card .input input {
    color: #333;
}

.My .sec3 .sm-card .input input::placeholder {
    color: #bbbbbb;
}

.My .sec3 .sm-card .textarea {
    flex: 1;
    border: 1px solid #eee;
    padding: .15rem .1rem;
    border-radius: .1rem;
}

.My .sec3 .sm-card .textarea textarea {
    font-size: .16rem;
    width: 100%;
    height: .8rem;
    display: block;
    color: #333;
}

.My .sec3 .sm-card .textarea textarea::placeholder {
    color: #bbbbbb;
}

.My .sec3 .sm-card .select {
    flex: 1;
    border: 1px solid #eee;
    padding: .15rem .1rem;
    position: relative;
    border-radius: .1rem;
}

.My .sec3 .sm-card .select select {
    border: none;
    outline: none;
    font-size: .16rem;
    color: #bbbbbb;
}

.My .sec3 .sm-card .select::after {
    content: "";
    width: .18rem;
    height: .11rem;
    background: url(../images/icon-select-arr.png) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    right: .28rem;
    top: 50%;
    transform: translateY(-50%);
}

.My .sec3 .textarea {
    font-size: .16rem;
    color: #333333;
}

.My .sec3 .addBox .add-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: .08rem;
}

.My .sec3 .addBox .add-top .label {
    font-size: .2rem;
    color: #333333;
    font-weight: bold;
}

.My .sec3 .addBox .add-top .btn-add {
    font-size: .2rem;
    color: #1e90ff;
    font-weight: bold;
    cursor: pointer;
}

.My .sec3 .addBox .table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    border-radius: .15rem;
    overflow: hidden;
}

.My .sec3 .addBox .table thead {
    background-color: #1e90ff;
    height: .66rem;
    font-size: .16rem;
    color: #fff;
    font-weight: bold;
}

.My .sec3 .addBox .table thead tr {
    border-radius: .1rem .1rem 0 0;
    overflow: hidden;
}

.My .sec3 .addBox .table thead tr th {
    position: relative;
}

.My .sec3 .addBox .table thead tr th::after {
    content: "";
    width: 1px;
    height: .2rem;
    background-color: rgba(255, 255, 255, 0.4);
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.My .sec3 .addBox .table thead tr th:last-child::after {
    content: none;
}

.My .sec3 .addBox .table tbody {
    text-align: center;
}

.My .sec3 .addBox .table tbody .arrow {
    width: .05rem;
    height: .16rem;
    display: inline-block;
    cursor: pointer;
}

.My .sec3 .addBox .table tbody .arrow:not(:last-of-type) {
    margin-right: .05rem;
}

.My .sec3 .addBox .table tbody .btn {
    display: inline-block;
    width: .15rem;
    cursor: pointer;
}

.My .sec3 .addBox .table tbody .btn:not(:last-of-type) {
    margin-right: .05rem;
}

.My .sec3 .addBox .table tbody tr {
    background-color: #f4f4f4;
    height: .58rem;
}

.My .sec3 .addBox .table tbody tr td {
    position: relative;
}

.My .sec3 .addBox .table tbody tr td::after {
    content: "";
    width: 1px;
    height: .2rem;
    background-color: #89c2fa;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.My .sec3 .addBox .table tbody tr td:last-child::after {
    content: none;
}

.My .sec3 .addBox .table tbody tr:not(:last-of-type) td {
    border-bottom: 1px solid #c9e0f6;
}

.My .sec3 .uploadBox {
    margin-top: .3rem;
}

.My .sec3 .uploadBox .title {
    font-size: .16rem;
    color: #333333;
    margin-bottom: .05rem;
}

.My .sec3 .uploadBox .itemBox {
    display: flex;
    align-items: center;
    margin-bottom: .2rem;
}

.My .sec3 .uploadBox .itemBox .tip {
    flex: 1;
    line-height: .66rem;
    border: 1px solid #eeeeee;
    font-size: .16rem;
    color: #bbbbbb;
    padding: 0 .25rem;
    border-radius: .1rem;
}

.My .sec3 .uploadBox .itemBox .btn-upload {
    width: 1.1rem;
    line-height: .66rem;
    background-color: #1e90ff;
    border-radius: .1rem;
    font-size: .16rem;
    color: #fff;
    text-align: center;
    margin-left: .1rem;
    flex-shrink: 0;
}

.My .sec3 .editBox {
    margin-top: .35rem;
}

.My .sec3 .editBox .edit-top {
    font-size: .16rem;
    color: #333;
    font-weight: bold;
    margin-bottom: .1rem;
}

.My .sec3 .editBox .edit-top span {
    /*color: #1e90ff;*/
}

.My .sec3 .btn-submit {
    width: 100%;
    line-height: .66rem;
    background-color: #1e90ff;
    border-radius: .1rem;
    color: #fff;
    font-size: .2rem;
    text-align: center;
    font-weight: bold;
    margin: .7rem auto .5rem;
}

.My .sec4 {
    border: 1px solid #eeeeee;
    padding: .35rem .7rem;
}

.My .sec4 .title {
    font-size: .24rem;
    color: #333333;
    font-weight: bold;
    margin-bottom: .2rem;
    display: flex;
    align-items: center;
}

.My .sec4 .title::before {
    content: "";
    width: .04rem;
    background-color: #1e90ff;
    height: .24rem;
    display: block;
    margin-right: .2rem;
}

.My .sec4 ul {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}

.My .sec4 ul li {
    display: flex;
    align-items: center;
    font-size: .18rem;
    border-bottom: 1px solid #f6f6f6;
    line-height: .58rem;
}

.My .sec4 ul li .label {
    color: #888888;
    min-width: .88rem;
    margin-right: .1rem;
}

.My .sec4 ul li span {
    color: #333333;
}

.My .sec5 {
    border: 1px solid #eeeeee;
    padding: .38rem 0;
}

.My .sec5 .box {
    width: 5.33rem;
    margin: 0 auto;
}

.My .sec5 .title {
    font-size: .24rem;
    color: #333333;
    text-align: center;
    font-weight: bold;
    margin-bottom: .2rem;
}

.My .sec5 .sm-card {
    width: 100%;
    min-height: .5rem;
    border-radius: .1rem;
    background-color: #fff;
    display: flex;
    border: 1px solid #eee;
    align-items: center;
    padding: .1rem .25rem;
    position: relative;
    margin-bottom: 0.15rem;
}

.My .sec5 .sm-card.required::after {
    content: "*";
    font-size: .24rem;
    color: #ff2323;
    position: absolute;
    right: -.25rem;
    top: 0;
    position: absolute;
}

.My .sec5 .sm-card .label {
    font-size: .16rem;
    color: #333333;
    font-weight: bold;
    margin-right: .2rem;
    min-width: 1.1rem;
    flex-shrink: 0;
}

.My .sec5 .sm-card .input {
    flex: 1;
    --fontsize: .16rem;
}

.My .sec5 .sm-card .input input {
    color: #333;
}

.My .sec5 .sm-card .input input::placeholder {
    color: #bbbbbb;
}

.My .sec5 .sm-card .textarea {
    flex: 1;
}

.My .sec5 .sm-card .textarea textarea {
    font-size: .16rem;
    width: 100%;
    height: .8rem;
    display: block;
    color: #333;
}

.My .sec5 .sm-card .textarea textarea::placeholder {
    color: #bbbbbb;
}

.My .sec5 .sm-card .select {
    flex: 1;
}

.My .sec5 .sm-card .select select {
    border: none;
    outline: none;
    font-size: .16rem;
    color: #bbbbbb;
}

.My .sec5 .sm-card .select::after {
    content: "";
    width: .18rem;
    height: .11rem;
    background: url(../images/icon-select-arr.png) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    right: .28rem;
    top: 50%;
    transform: translateY(-50%);
}

.My .sec5 .btn-submit {
    width: 100%;
    line-height: .66rem;
    border-radius: .1rem;
    background-color: #1e90ff;
    font-size: .2rem;
    color: #fff;
    font-weight: bold;
    text-align: center;
    margin-top: .7rem;
}

.dialog-add .mkContent {
    width: 6.3rem;
    background-color: #fff;
}

.dialog-add .box {
    width: 5.33rem;
    margin: 0 auto;
}

.dialog-add .mkTop {
    height: .72rem;
    background-color: #fff;
    border-bottom: 1px solid #eeeeee;
    padding: 0 .45rem;
    margin-bottom: .25rem;
}

.dialog-add .mkTop .label {
    font-size: .2rem;
    color: #333333;
    font-weight: bold;
}

.dialog-add .mkTop .icon-close {
    width: .12rem;
}

.dialog-add .sm-card {
    width: 100%;
    min-height: .5rem;
    border-radius: .1rem;
    background-color: #fff;
    position: relative;
    margin-bottom: 0.15rem;
}

.dialog-add .sm-card.required .label::after {
    content: "*";
    font-size: .24rem;
    color: #ff2323;
    position: absolute;
    right: -.25rem;
    top: -0.05rem;
}

.dialog-add .sm-card .label {
    font-size: .16rem;
    color: #333333;
    font-weight: bold;
    flex-shrink: 0;
    width: fit-content;
    position: relative;
    margin-bottom: .1rem;
}

.dialog-add .sm-card .input {
    flex: 1;
    --fontsize: .16rem;
    border: 1px solid #eee;
    padding: .15rem .1rem;
    border-radius: .1rem;
}

.dialog-add .sm-card .input input {
    color: #333;
}

.dialog-add .sm-card .input input::placeholder {
    color: #bbbbbb;
}

.dialog-add .sm-card .textarea {
    flex: 1;
}

.dialog-add .sm-card .textarea textarea {
    font-size: .16rem;
    width: 100%;
    height: .8rem;
    display: block;
    color: #333;
}

.dialog-add .sm-card .textarea textarea::placeholder {
    color: #bbbbbb;
}

.dialog-add .sm-card .select {
    flex: 1;
    border-radius: .1rem;
    border: 1px solid #eee;
    padding: .15rem .1rem;
}

.dialog-add .sm-card .select select {
    border: none;
    outline: none;
    font-size: .16rem;
    color: #bbbbbb;
}

.dialog-add .sm-card .select::after {
    content: "";
    width: .18rem;
    height: .11rem;
    background: url(../images/icon-select-arr.png) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    right: .28rem;
    top: 50%;
    transform: translateY(-50%);
}

.dialog-add .btns {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-bottom: .3rem;
}

.dialog-add .btns .btn {
    width: 1rem;
    line-height: .5rem;
    border-radius: .1rem;
    font-size: .2rem;
    color: #fff;
    text-align: center;
    cursor: pointer;
}

.dialog-add .btns .btn:not(:last-of-type) {
    margin-right: .2rem;
}

.dialog-add .btns .btn.gray {
    background-color: #dddddd;
}

.dialog-add .btns .btn.blue {
    background-color: #1e90ff;
}

.blankBox .img {
    width: 4.15rem;
    margin: 0 auto;
}

.chooseAddress {
    background-color: #FFF;
    background-image: none;
    border: 1px solid #e5e6e7;
    border-radius: 1px;
    color: inherit;
    display: block;
    padding: 6px 12px;
    -webkit-transition: border-color .15s ease-in-out 0s, box-shadow .15s ease-in-out 0s;
    transition: border-color .15s ease-in-out 0s, box-shadow .15s ease-in-out 0s;
    width: 100%;
    font-size: 14px;
}

.Index .left {
    width: 3.72rem;
    flex-shrink: 0;
}

.Index .slideBox2 {
    font-size: .26rem;
    color: #333333;
    font-weight: bold;
    margin-bottom: .38rem;
}

.Index .slideBox2 .item {
    min-height: .95rem;
    display: flex;
    align-items: center;
    cursor: pointer;
    margin-bottom: .12rem;
    line-height: 1.5;
    /* border-radius: .2rem 0 .2rem 0; */
    background: url(../images/index-slide-bg.png) no-repeat;
    background-size: 100% 100%;
    position: relative;
    display: flex;
    flex-direction: column;
}

.Index .slideBox2 .item div {
    display: flex;
    align-items: center;
    justify-content: center;
}

.Index .slideBox2 .item .ch {
    height: .64rem;
    font-size: .26rem;
    color: #333333;
    font-weight: bold;
}

.Index .slideBox2 .item .en {
    flex: 1;
    font-size: .12rem;
    color: #999999;
    font-weight: normal;
}

.Index .slideBox2 .item::before {
    content: "";
    width: .33rem;
    height: .35rem;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    display: none;
    margin-right: .2rem;
}

.Index .slideBox2 .item:nth-child(1)::before {
    background-image: url(../images/slide-icons/icon1.png);
}

.Index .slideBox2 .item:nth-child(2)::before {
    background-image: url(../images/slide-icons/icon2.png);
}

.Index .slideBox2 .item:nth-child(3)::before {
    background-image: url(../images/slide-icons/icon3.png);
}

.Index .slideBox2 .item:nth-child(4)::before {
    background-image: url(../images/slide-icons/icon4.png);
}

.Index .slideBox2 .item:hover,
.Index .slideBox2 .item.Actv {
    color: #0076FF;
}

.Information .sec-detail .title {
    font-size: .18rem;
    margin-bottom: .28rem;
    font-weight: bold;
}

.Information .sec-detail .htmlContent {
    color: #666666;
    font-size: .14rem;
    line-height: 1.5;
    line-break: anywhere;
    margin-bottom: .5rem;
}

.Information .sec-detail ul.list li {
    padding-bottom: .3rem;
    border-bottom: 1px dashed #E2E2E2;
    margin-bottom: .35rem;
    cursor: pointer;
}

.Information .sec-detail ul.list li .label {
    font-size: .16rem;
    color: #333333;
    font-weight: bold;
    margin-bottom: .1rem;
}

.Information .sec-detail ul.list li .info {
    --lines: 2;
    font-size: .16rem;
    color: #666666;
    line-break: anywhere;
}

.Information .sec-detail .imgsShow li {
    width: 100%;
    margin-bottom: .4rem;
}

.Information .sec-detail .imgsShow li img {
    outline: .1rem solid #fff;
    box-shadow: 0 1px .18rem rgba(65, 147, 204, .42);
    outline-offset: -.1rem;
}

.posr {
    position: relative;
}

.icon-eye {
    width: .3rem;
    position: absolute;
    top: 50%;
    right: .2rem;
    transform: translate(0, -50%);
}

.htmlContent table {
    width: 100%;
    border-collapse: collapse;
}

.htmlContent table tr td {
    border: 1px solid #EFEFEF
}

.pagination {
    font-size: .14rem;
    color: #2D2D2D;
    text-align: center;
    letter-spacing: .02rem;
    margin-top: 1rem;
    margin: 0 auto;
    display: flex;
    justify-content: center;
}

.pagination div {
    width: .36rem;
    height: .36rem;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #DDDDDD;
    padding-left: .02rem;
}


.pagination>div:not(:last-of-type) {
    margin-right: .1rem;
}


.pagination .btn {
    width: .36rem;
    font-family: 微软雅黑;
    text-align: center;
    padding: 0 0 .03rem 0.03rem;
}


.pagination div.Actv,
.pagination div:hover {
    background-color: #F0FFFF;
}


.Information .sec3 .card .info .logoItem .logo {
    width: .45rem;
    margin-right: .15rem;
}

.Information .sec3 .card .info .logoItem:not(:last-of-type) {
    margin-right: 1rem;
}

.Register .table1 {
    border: 1px solid #EEEEEE;
    border-collapse: collapse;
    width: 100%;
    margin-bottom: .2rem;
}

.Register .table1 td {
    border: 1px solid #EEEEEE;
}

.Register .table1 thead tr th {
    height: .68rem;
    font-size: .2rem;
    color: #333333;
    text-align: left;
    padding-left: .28rem;
}

.Register .table1 tbody tr td {
    height: 0.58rem;
    font-size: .16rem;
    color: #333333;
    text-align: center;
}

.Register .table3 tbody tr td {
    text-align: left !important;
    padding-left: .28rem;
}

.Register .sec2 {
    border: 1px solid #eee;
    padding: .2rem;
    margin-bottom: .2rem;
}

.Register .sec2 .title {
    font-size: .2rem;
    color: #333333;
    font-weight: bold;
    margin-bottom: .2rem;
}

.Register .sec2 ul {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    font-size: .16rem;
    color: #000000;
}

.Register .sec2 li {
    margin-bottom: .15rem;
}

.selectSpan {
    position: absolute;
    color: #333;
}

.English .f20 {
    font-size: .2rem !important;
}

.English .f22 {
    font-size: .22rem !important;
}

.English .f14 {
    font-size: .14rem !important;
}

.English .f18 {
    font-size: .18rem !important;
}

.common-foot .content-top2 {
    padding: .38rem 0;
}

.common-foot .content-top2 .top span {
    font-size: .14rem;
    color: #333333;
}

.common-foot .content-top2 .top .label {
    font-size: .2rem;
    color: #333333;
    font-weight: bold;
    margin-right: .05rem;
}

.common-foot .content-top2 .top {
    margin-bottom: .22rem;
    display: flex;
    align-items: flex-end;
}

.common-foot .content-top2 .ulBox {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    font-size: .14rem;
    color: #333;
    line-height: 1.5;
}

.common-foot .content-top2 .ulBox ul :first-child {
    font-weight: bold;
    margin-bottom: .15rem;
}

.English .Information .sec3 .card .info .item {
    padding: 0 .2rem;
    width: 50%;
    flex-shrink: 0;

}

.Information .sec3 .card .info {
    flex-wrap: wrap;
}

.com-tipBox {
    width: 100%;
    background-color: #EFF4FF;
    padding: .15rem;
    font-size: .18rem;
    color: #3077FF;
    line-height: 2;
    margin-bottom: .43rem;
}

.com-tipBox .title {
    font-size: .2rem;
    color: #3077FF;
    font-weight: bold;
    margin-bottom: .1rem;
}

.englishWrod {
    overflow-wrap: break-word !important;
    word-wrap: break-word !important;

    -ms-word-break: break-all !important;
    /* 这个的使用在web-kit中有些危险，他可能会阶段所有东西 */
    word-break: break-all !important;
    /* Instead use this non-standard one: */
    word-break: break-word !important;

    /* 如果浏览器支持的话增加一个连接符(Blink不支持) */
    /* -ms-hyphens: auto !important;
    -moz-hyphens: auto !important;
    -webkit-hyphens: auto !important; */
    /* hyphens: auto !important; */
}

.layui-layer-content {
    overflow-wrap: break-word !important;
    word-wrap: break-word !important;

    -ms-word-break: break-all !important;
    /* 这个的使用在web-kit中有些危险，他可能会阶段所有东西 */
    word-break: break-all !important;
    /* Instead use this non-standard one: */
    word-break: break-word !important;

    /* 如果浏览器支持的话增加一个连接符(Blink不支持) */
    /* -ms-hyphens: auto !important;
    -moz-hyphens: auto !important;
    -webkit-hyphens: auto !important; */
    /* hyphens: auto !important; */
    text-align: left !important;
}

.User .registBox .editBox .itemBox .sm-card {
    border: none;
    border-radius: none;
}

.User .registBox .editBox .itemBox .sm-card .input,
.User .registBox .editBox .itemBox .sm-card .select,
.User .registBox .editBox .itemBox .sm-card .textarea {
    padding: 0.15rem .1rem;
    border: 1px solid #eee;
}

.fileBox {
    border: 1px solid #eee;
    border-radius: .1rem;
    padding: .15rem .2rem;
    margin-bottom: .15rem;
}

.fileBox .icon-file {
    width: .32rem;
    margin-right: .08rem;
    flex-shrink: 0;
}

.fileBox .file-center {
    flex: 1;
    font-size: .16rem;
    color: #333333;
}

.fileBox .file-center .progress {
    width: 100%;
    margin-top: .05rem;
    height: .06rem;
    background-color: #eef4fe;
    border-radius: .03rem;
    position: relative;
    overflow: hidden;
}

.fileBox .file-center .progress .now {
    width: 5%;
    height: 100%;
    border-radius: .03rem;
    background-color: #1e90ff;
}

.fileBox .icon-del {
    width: .2rem;
    margin-left: .45rem;
    flex-shrink: 0;
    cursor: pointer;
}

.zhudiv div {
    width: 50%;
    text-align: left;
    line-height: 38px
}

.tocenter th {
    background-color: #fff !important;
    color: #000 !important;
    font-size: .18rem;
    height: .5rem;
}

.tocenter tr:nth-child(odd) {
    background: #fff;
}

.tocenter tr:nth-child(even) {
    background: #F2F2F2;
}

.tocenter th,
.tocenter td {
    text-align: center;
}

.mytable{
    border-collapse: collapse;
    border: 1px solid ;
    width: 100%;
}
.mytable tr td{
    border: 1px solid ;
    padding-left: 3px;
    height: 50px;
}


.Index .files-box {
    margin-top: .48rem;
}

.Index .files-box .itemBox {
    display: flex;
    align-items: center;
    margin-bottom: .3rem;
    box-shadow: 0 0 .15rem rgba(7, 98, 203, .08);
    padding: .15rem 0;
}

.Index .files-box .itemBox .icon-file {
    width: .43rem;
    margin-right: .18rem;
}

.Index .files-box .itemBox .name {
    font-size: .2rem;
    color: #333333;
    flex: 1;
}

.Index .files-box .itemBox .btn-download {
    font-size: .2rem;
    color: #0762cb;
    cursor: pointer;
    font-weight: bold;
    margin-left: .5rem;
    flex-shrink: 0;
    margin-right: .1rem;
}

.Index .files-box .itemBox .btn-download .icon-down {
    width: .25rem;
    margin-right: .1rem;
}