a {
    text-decoration: none
}

ul li {
    list-style: none;
}

img {
    display: block;
}

h1 {
    font-size: 30px;
}

h2 {
    font-size: 24px;
}

h3 {
    font-size: 16px;
}

h4 {
    font-size: 14px;
}

h5 {
    font-size: 12px;
}

h6 {
    font-size: 10px;
}

h3, h4, h5 {
    margin-top: 5px;
    font-weight: 600;
}

a:focus {
    outline: none;
}

body, html {
    width: 100%;
}

body {
    margin: 0;
    padding: 0;
    background-color: #fff;
    font-family: "Microsoft Yahei", sans-serif;
}

body::-webkit-scrollbar {
    display: none;
}

/* 顶部导航栏 */

.header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 999999999999;
    min-width: 1330px;
    flex-flow: column;
}

.news-countdown {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    width: 100%;
    background-color: #0f3def;
    height: 45px;
    animation: news-countdown 1.4s linear;
    position: relative;
    font-size: 15px;
}

@keyframes news-countdown {
    0% {
        top: -45px;
        height: 0px;
    }
    100% {
        top: 0px;
        height: 45px;
    }
}

.news-countdown dl {
    display: flex;
    align-items: center;
    margin: 0px !important;
}

.news-countdown dl dd {
    margin: 0;
    padding: 0;
    margin-left: 5px;
}

.news-countdown dl dd strong {
    font-size: 23px;
    padding-right: 1px;
    font-family: NumFont;
}

.news-countdown a {
    color: #fff;
    background: #e65c5c;
    padding: 6px 20px;
    margin-left: 25px;
    border-radius: 30px;
    font-size: 14px;
}

.header .logo {
    font-size: 28px;
    color: #f0f0f0;
    /* 淡色LOGO占位 */
    font-weight: bold;
    margin-right: 30px;
}

.header .nav {
    display: flex;
    align-items: center;
    gap: 12px;
}

.header .nav img {
    display: block;
}

.header .nav a {
    padding: 8px 10px;
    font-size: 14px;
    text-decoration: none;
    border-radius: 24px;
    transition: all 0.3s ease;
}

.header .nav a.active {
    background: linear-gradient(90deg, #e65c5c, #5c6ce6);
    color: #fff;
}

.header .nav a:not(.active) {
    color: #ffffff;
    font-weight: 600;
    /* 淡色未激活导航 */
}

.header .nav a.current-page {
    color: #f29c33;
    /* 橙色高亮当前页：参赛报名 */
    font-weight: 600;
}

.header .nav .divider {
    color: #FFF;
}

.header .user-area {
    display: flex;
    align-items: center;
    position: relative;
    margin-left: 20px;
}

.header .user-area .user-area-more {
    display: none;
    position: absolute;
    width: 141px;
    height: 119px;
    left: -40px;
    top: 26px;
    /*padding-top: 180px;*/
    background-image: url("/img/langfang/logn-rightuser.png");
    background-size: 174px 105px;
    background-position: center bottom;
    background-repeat: no-repeat;
    padding-left: 0px;
}

.header .user-area .user-area-more a {
    color: #fff;
    height: 45px;
    line-height: 45px;
    position: relative;
    border-bottom: 1px dashed #3733c2;
    font-size: 13px;
    display: flex;
    background-repeat: no-repeat;
    background-position: left center;
    align-items: center;
    justify-content: flex-start;
}

.header .user-area .user-area-more a:before {
    content: " ";
    width: 10px;
    height: 20px;
    -webkit-mask-position: 0 0;
    mask-position: 0 0;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100%;
    mask-size: 100%;
    background-color: currentColor;
    color: #fff;
    color: var(--weui-FG-2);
    -webkit-mask-image: url(data:image/svg+xml,%3Csvg%20width%3D%2212%22%20height%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M2.454%206.58l1.06-1.06%205.78%205.779a.996.996%200%20010%201.413l-5.78%205.779-1.06-1.061%205.425-5.425-5.425-5.424z%22%20fill%3D%22%23B2B2B2%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E);
    mask-image: url(data:image/svg+xml,%3Csvg%20width%3D%2212%22%20height%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M2.454%206.58l1.06-1.06%205.78%205.779a.996.996%200%20010%201.413l-5.78%205.779-1.06-1.061%205.425-5.425-5.425-5.424z%22%20fill%3D%22%23B2B2B2%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E);
    position: absolute;
    top: 50%;
    right: 10px;
    margin-top: -10px;
}

.header .user-area .user-area-more a img {
    margin-right: 14px;
    margin-left: 15px;
}

.header .user-area .user-area-more a:last-child {
    border-bottom: none;
}

.header .user-area .user-area-more a:nth-child(1) {
    margin-top: 21px;
}

.header .user-area:hover .user-area-more {
    display: block !important;
}

.header .user-avatar {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    /*background-color: #e8f4ff;*/
    display: flex;
    align-items: center;
    justify-content: center;
    color: #409eff;
    font-size: 22px;
    position: relative;
    float: left;

}

.user-text {
    float: right;
    height: 34px;
    line-height: 34px;
}

.header .user-text,
.header .user-text a {
    color: #e8e8e8;
    font-size: 14px;
}

/* 底部导航 */
.footer {
    width: 100%;
    height: 530px;
    background-image: linear-gradient(to right, #FFFFFF, #ECF3FD);
    display: flex;
    align-items: center;
    justify-content: center;

}

.footer-box {
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.footer-box .footer-l {
    width: 940px;
    min-width: 940px;
    margin-left: 100px;
}

.footer-box .footer-l .title {
    font-size: 24px;
    color: #000;
    position: relative;
    padding-bottom: 20px;

}

.footer-box .footer-l .title::after {
    content: "";
    position: absolute;
    width: 51.6%;
    border-top: 1px dashed #B9B9B9;
    left: 0;
    bottom: 0;

}

.footer-box .footer-l .nav {
    margin-bottom: 60px;
    margin-top: 20px;
}

.footer-box .footer-l .nav a {
    display: inline-block;
    padding: 4px 16px;
    font-size: 13px;
    color: #666;
    text-decoration: none;
    margin-right: 0px;
    border-radius: 25px;
    transition: all 0.3s;
}

.footer-box .footer-l .nav a.active {
    color: #fff;
    box-shadow: 0 2px 8px rgba(108, 99, 255, 0.3);
    background: -webkit-linear-gradient(left, #E9715E, #9F40AA, #4061E8);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background: linear-gradient(left, #E9715E, #9F40AA, #4061E8);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
    position: relative
}

.footer-box .footer-l .nav a.active::after {
    content: "";
    width: 100%;
    height: 100%;
    background-image: url("/img/langfang/img-02.png");
    position: absolute;
    left: 0;
    top: 0;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.footer-box .footer-l .nav a:hover:not(.active) {
    color: #333;
}

.footer-box .footer-l .nav span {
    color: #ccc;
    margin: 0 5px;
}

.footer-box .footer-l .labels {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

.footer-box .footer-l .labels .mit h3 {
    font-size: 16px;
    color: #000;

}

.footer-box .footer-l .labels .mit h3:hover {
    cursor: pointer;
}

.footer-box .footer-l .labels .mit p {
    font-size: 12px;
    color: #4B4B4C;
    margin: 18px 0px;
}

.footer-box .footer-l .labels .mit p a {
    color: #4B4B4C;
}

.footer-box .footer-l .labels .qrcode {
    margin-right: 34px;
}

.footer-box .footer-l .labels .qrcode img {
    width: 98px;
    border: 3px solid #fff;
}

.footer-box .footer-l .labels .qrcode p {
    display: block;
    text-align: center;
    font-size: 12px;
}

.footer-box .footer-r {
    width: 500px;
    margin-top: 10px;
}

.footer-box .footer-r img {
    width: 100%;
}

.backgroundtwo {
    background-image: url("/img/langfang/banner01.jpg");
    background-size: 1920px 536px;
    background-position: center 18px;
    background-repeat: no-repeat;
}

.backgroundtwoTitle {
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    flex-flow: column;
}

.backgroundtwoTitle div img {
    margin-top: 70px;
    display: block;
}

.backgroundtwoTitle p {
    font-size: 18px;
    /*color: #D8E9F5;*/
    color: #FFF;
    display: block;
}

.reviewconduct dl dd {
    position: relative;
    background: -webkit-linear-gradient(left, #E9715E, #9F40AA, #4061E8);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation-name: newstext;
}

.reviewconduct .reviewconduct-icon::after {
    background-color: #e66e61 !important;
}

.reviewconduct dl dd:nth-child(3):after {
    background-color: #4061E8 !important;
}


.ContactUs {
    width: 100%;
    height: 536px;

}

.ContactUsContentBox {
    background-color: #e7eaf1;
    overflow: hidden;
}

.ContactUsContent {
    width: 1200px;
    height: 416px;
    margin: 50px auto;
    background-image: url("/img/langfang/lxwm_06.png");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
    padding: 30px 0;
}

.ContactUsContent .ContactUsContent-title {
    margin-bottom: 16px;
}

.ContactUsContent-title-to {
    margin-top: 30px;
}

.ContactUsContent .ContactUsContent-title img {
    display: block;
}

.ContactUsContent .ContactUsContent-info ul {
    display: flex;
    align-items: center;
    width: 562px;
    justify-content: center;
    padding: 0;
}

.ContactUsContent .ContactUsContent-info ul li {
    color: #575757;
    font-size: 16px;
    margin: 0px;
    padding: 0px;
}

.ContactUsContent .ContactUsContent-info ul li:nth-child(1) {
    font-size: 18px;
    color: #333;
    background-image: url("/img/langfang/lxwm_05.png");
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center bottom;
    padding: 0px 10px 4px 10px;
}

.ContactUsContent .ContactUsContent-info ul li:nth-child(2) {
    background-image: url("/img/langfang/lxwm_03.png");
    background-size: 16px 16px;
    background-repeat: no-repeat;
    background-position: left 4px;
    padding-left: 28px;
    margin-left: 30px;
}

.ContactUsContent .ContactUsContent-info ul li:nth-child(3) {
    background-image: url("/img/langfang/lxwm_04.png");
    background-size: 16px 12px;
    background-repeat: no-repeat;
    background-position: left 6px;
    padding-left: 28px;
}

/* 新闻赛事 */
.newslist {
    width: 1200px;
    background-color: #fff;
    margin: 50px auto 20px auto;
    overflow: hidden;
    border-radius: 10px;

}

.newslist a {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 30px 0px;
    margin: 0 60px;
    border-bottom: 1px dashed #BEBEBE;

}

.newslist a:hover dl dd:nth-child(1) {
    font-size: 18px;
    background: -webkit-linear-gradient(left, #E9715E, #9F40AA, #4061E8);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation-name: newstext;
    animation-duration: 1.5s;
    animation-iteration-count: 1;
}

@keyframes newstext {
    0% {
        font-size: 16px;
        background: -webkit-linear-gradient(left, #a6e95e, #409aaa, #d740e8);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }
    100% {
        font-size: 18px;
        background: -webkit-linear-gradient(left, #E9715E, #9F40AA, #4061E8);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }
}

.newslist .newslist-img:hover img {
    transform: scale(1.3);
    animation-name: newsaimg;
    animation-duration: 1.5s;
    animation-iteration-count: 1;
}

@keyframes newsaimg {
    0% {
        transform: scale(1);
    }
    100% {
        transform: scale(1.3);
    }
}

.newslist a:last-child {
    border-bottom: 1px dashed #fff;
}

.newslist a div {
    width: 180px;
    height: 140px;
    overflow: hidden;
}

.newslist a div img {
    width: 180px;
    height: 140px;
    display: block;
    float: left;
    vertical-align: middle;
    object-fit: contain;
}

.newslist a dl {
    width: calc(100% - 200px);
    height: 100%;
    display: flex;
    flex-flow: column;
    align-items: flex-start;
}

.newslist a dl dd:nth-child(1) {
    color: #333;
    font-size: 16px;
    margin-bottom: 15px;
    font-weight: bold;
}

.newslist a dl dd:nth-child(2) {
    color: #666666;
    line-height: 30px;
    font-size: 14px;
    text-align: justify;
    text-indent: 2rem;
}

.newsPage {
    width: 1200px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    margin-bottom: 100px;
}

.newsPage div {
    background-color: #fff;
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    color: #333;
    margin-left: 1px;
    text-align: center;
}

.newsPage div a {
    color: #666;
    display: block;
    width: 100%;
    height: 100%;
}

.newsPage div .newsPage_on {
    color: #ffffff;
    background: #4568f7;
}


.newsDetails-titleBox {
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    color: #fff;
    justify-content: center;
}

.newsDetails-titleBox .newsDetails-title {
    width: 1100px;
}

.newsDetails-titleBox .newsDetails-title h1 {
    font-size: 40px;
}

.newsDetails-titleBox .newsDetails-title span {
    font-size: 14px;
    margin-top: 70px;
    display: block;
}

.newsDetails {
    width: 1200px;
    margin: 20px auto 50px auto;
    overflow: hidden;
}

.newsDetails-l {
    background-color: #fff;
    width: 870px;
    float: left;
    padding: 15px;
    max-width: 870px;
    white-space: normal;
    overflow: hidden;
    line-height: 200%;
    text-align: justify;
    text-indent: 2rem;
}

.newsDetails-l p {
    line-height: 200%;
    text-align: justify;
    text-indent: 2rem;
    white-space: normal;
}

.newsDetails-l .newsDetails-l-title {
    border-bottom: 1px dashed #9999;
    padding-bottom: 15px;
    margin-bottom: 25px;
}

.newsDetails-l .newsDetails-l-title h1 {
    text-indent: 0px;
}

.newsDetails-l .newsDetails-l-title span {
    color: #999;
    font-size: 14px;
}

.newsDetails-l img {
    width: 100% !important;
    display: block;
}

.newsDetails-l section {
    white-space: pre-wrap;
}

.newsDetails-r {
    width: 280px;
    float: right;
}

.newsDetails-r h3 {
    padding: 0px;
    margin: 0px 0px 15px 0px;
    font-size: 16px;
}

.newsDetails-r a {
    display: block;
    margin-bottom: 15px;
}

.newsDetails-r a img {
    width: 100%;
    display: block;
}

.newsDetails-r a span {
    display: block;
    margin-top: 10px;
    color: #666;
    font-size: 14px;

}

.wordDownloadlist,
.qalist {
    width: 1200px;
    margin: 30px auto;
    height: 96px;
    display: flex;
    align-items: center;
    background-image: url("/img/langfang/download-03.png");
    background-size: 100% 100%;
    justify-content: space-between;

}


.wordDownloadlist ul {
    display: flex;
    align-items: center;
    margin-left: 30px;
}

.wordDownloadlist a {
    margin-right: 30px;
}

.wordDownloadlist ul li:nth-child(1) {
    margin-right: 30px;
}

.wordDownloadlist ul li:nth-child(2),
.qalist ul li p:nth-child(1) {
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    background: -webkit-linear-gradient(left, #E9715E, #9F40AA, #4061E8);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background: linear-gradient(left, #E9715E, #9F40AA, #4061E8);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
}


.qalist {
    height: auto;
}

.qalist ul {
    display: flex;
    align-items: center;
}

.qalist ul li:nth-child(1) {
    margin-right: 30px;

}

.qalist ul li p {
    display: block;
    margin: 0;
    color: #2b2b2b;
    line-height: 200%;
    text-align: justify-all;
}

.qalist ul li p:nth-child(2) {
    padding-right: 60px;
    margin-top: 10px;
}

/* 赛事简介 */
.introductionBg {
    background-image: url("https://static.newdc.org.cn/compe/web/banner02.png");
}

.introductionContentBox {
    width: 100%;
    overflow: hidden;
    background-image: url("/img/langfang/index-img-title-18.png");
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: 1920px auto;
}

.introductionContent {
    width: 1200PX;
    display: flex;
    justify-content: space-between;
    margin: 50PX auto;
    padding-bottom: 110px;


}

.introductionContent-l {
    width: 580px;


}

.introductionContent-r {
    width: 573px;
    height: 835px;
    display: flex;
    flex-flow: column;
    justify-content: space-between;
}

.introductionContent-r div {
    width: 100%;
    border-radius: 10px;
    background: url("/img/langfang/anpai-title-03.png") #fff no-repeat;
    background-size: 100% 100%;

}

.introductionContent-r img {
    margin: 20px 15px;
}

.introductionContent-r p {
    font-size: 13px;
    display: block;
    padding: 0px 15px;
    line-height: 27px;
}

.guestBox {
    display: flex;
    align-items: center;
    flex-flow: column;
    padding-bottom: 100px;
}

.guestBox-list {
    width: 1200px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-flow: wrap;
}

.guestBox-list div {
    margin: 15px;
}
.guestBox-list div dl{
    width:238px;
    line-height: 150%;
}
.guestBox-list div dl dd {
    margin: 0;
    padding: 0;
}

.guestBox-title {
    margin-top: 50px;
    margin-bottom: 30px;
}

.guestBox-list div dd {
    text-align: center;
    color: #fff;
}

.guestBox-list dl dd:nth-child(1) {
    color: #fff;
    font-size: 16px;
    padding-bottom: 10px;
    background-image: url("/img/langfang/jiabin-name-bg.png");
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: 80px;
}

.guestBox-list dl dd:nth-child(2) {
    font-size: 14px;
}

.guestBox-title-to {
    margin-top: 50px;
    margin-bottom: 34px;
}

.introductionEvent {
    width: 1130px;
    background-image: linear-gradient(to bottom, rgba(50, 61, 204, 1), rgba(21, 40, 255, 0.1));
    margin: 50px auto;
    border-radius: 10px;
    position: relative;
    border: 1px solid rgba(255, 255, 255, 0.15);
    display: flex;
    align-items: center;
    flex-flow: column;
    justify-content: center;
    padding: 100px 0;
}

.introductionEvent::after {
    content: "";
    position: absolute;
    left: 15px;
    top: 15px;
    width: 119px;
    height: 119px;
    background-image: url("/img/langfang/saishi-05.png");
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.introductionEvent::before {
    content: "";
    position: absolute;
    right: 15px;
    top: 15px;
    width: 119px;
    height: 119px;
    background-image: url("/img/langfang/saishi-06.png");
    background-size: 100% 100%;
    background-repeat: no-repeat;

}

.introductionEvent-title {
    margin-top: 50px;
}

.introductionEvent-desc {
    width: 80%;
    color: #dbdbee;
    font-size: 16px;
    line-height: 42px;
    margin-top: 30px;
    text-indent: 2em;
}

.introductionEvent-desc-s p {
    text-align: justify-all !important;
}

.introductionEvent-desc-s h5 {
    font-weight: bold;
    font-size: 18px;
    text-indent: 0px;
    margin-bottom: -10px;
}

.introductionEvent-desc strong {
    color: #F3B186;
}

.introductionEvent-desc p {
    text-align: justify;
    text-indent: 2rem;
}

.introductionEventBox {
    background-image: url("/img/langfang/anpai-bg.png");
    background-size: 1920px 304px;
    background-position: center bottom;
    background-repeat: no-repeat;
    padding-bottom: 154px;
}

.trackBox {
    width: 100%;
    height: 960px;
    /*background-image: url("/img/langfang/saishibj.png");*/
    background-image: linear-gradient(160deg, #16167b, #2d50df, #14256b);
    background-size: 100% 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-flow: column;
    overflow: hidden;
}

.traclist {
    position: relative;
    height: 586px;
    margin-top: 60px;
    width: 100%;
}

.traclist-l {
    width: 479px;
    background-image: url("/img/langfang/saishi-10.png");
    background-position: left center;
    background-size: 317px 586px;
    background-repeat: no-repeat;
    height: 586px;
    position: absolute;
    left: 50%;
    margin-left: -679px;
}

.traclist-l div {
    position: absolute;
    font-size: 16px;
    background-image: url("/img/langfang/saishi-08.png");
    background-size: 100% 100%;
    width: 308px;
    height: 48px;
    line-height: 48px;
    text-indent: 2em;
    background-repeat: no-repeat;
}

.traclist-l .active,
.traclist-l div:hover {
    cursor: pointer;
    background-image: url("/img/langfang/saishi-07.png");
    color: #fff;
    text-align: center;
    text-indent: 0em;
}

.traclist-l div:nth-child(1) {
    left: 170px;
    top: 45px;
}

.traclist-l div:nth-child(2) {
    left: 140px;
    top: 160px;
}

.traclist-l div:nth-child(3) {
    left: 170px;
    top: 499px;
}

.traclist-l div:nth-child(4) {
    left: 140px;
    top: 386px;
}

.traclist-l div:nth-child(5) {
    left: 130px;
    top: 273px;
}

.traclist-r {
    position: absolute;
    left: 50%;
    margin-left: -180px;
    margin-top: 50px;
    width: 1014px;
    height: 458px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-image: url("/img/langfang/saishi-09.png");
}

.traclist-r div {
    position: absolute;
}

.traclist-r .traclist-r-title {
    left: 383px;
    top: 102px;
    font-size: 26px;
    font-weight: bold;
    background: -webkit-linear-gradient(left, #E9715E, #9F40AA, #4061E8);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.traclist-r .traclist-r-info {
    left: 390px;
    top: 248px;
    font-size: 14px;
    width: 360px;
    display: flex;
    flex-flow: column;
    color: #fff;
    line-height: 30px;
    height: 102px;
    overflow: auto;
}

.traclist-r .traclist-r-info span {
    position: relative;
    padding-left: 10px;
}
.traclist-r .traclist-r-info span:after {
    content: "";
    position: absolute;
    left: 0px;
    top: 11px;
    width: 0;
    height: 0;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-left: 4px solid #ffffff;
}

.traclist-r .traclist-r-time {
    left: 396px;
    top: 362px;
    font-size: 14px;
    color: #fff;
}

.traclist-r .traclist-r-btn {
    left: 388px;
    top: 397px;
    font-size: 16px;
    background-image: url("/img/langfang/saishi-07.png");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    color: #fff;
    padding: 7px 30px;
    border-radius: 30px;
}

.traclist-r .traclist-r-btn a {
    color: #fff;
}
.traclist-r .traclist-r-tab {
    left: 380px;
    display: flex;
    width: 202px;
    justify-content: space-between;
    top: 190px;
}
.traclist-r .traclist-r-tab span{
    color: #fff;
    background: #6e87ed;
    padding: 8px 26px;
    display: flex;
    border-radius: 20px;
    box-shadow: 2px 0px 10px #2c3ccd;
    font-size: 14px;
}
.traclist-r .traclist-r-tab span:hover {
    cursor: pointer;
}
.traclist-r .traclist-r-tab .active{
    background-image: linear-gradient(to right, #E9715E, #9F40AA);
}
.loginbox {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-flow: column;
    height: 100vh;
    background: url("/img/langfang/saishi-bg.jpg") #021b9c;
    background-repeat: no-repeat;
    background-position: center 100px;
    background-size: cover;
}

.loginbox .loginbox-title {
    margin-top: 80px;
    text-align: center;
}

.loginbox-title img {
    display: block;
    margin: 0 auto;
}

.login-container {
    width: 400px;
    margin: 20px auto 0px auto;
    background-color: #fff;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    border-radius: 8px;
    padding: 30px;
    position: relative;
    z-index: 10;
    margin-top: 100px;
}

.login-container input {
    height: 40px !important;
}

.login-tabs {
    display: flex;
    margin-bottom: 25px;
    position: relative;
    margin-top: 50px;
}

.login-tab {
    font-size: 15px;
    color: #999;
    padding: 5px 0;
    margin-right: 20px;
    cursor: pointer;
    transition: color 0.3s;
}

.login-tab.active {

    color: #1069ec;
    position: relative;
    font-weight: bold;
}

.login-tab.active::after {
    content: '';
    position: absolute;
    bottom: -3px;
    left: 0;
    width: 100%;
    height: 2px;
    background-image: linear-gradient(to right, #E9715E, #9F40AA, #4061E8);

}

.login-container-hy {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 60px;
    background-image: linear-gradient(to right, #E9715E, #9F40AA, #4061E8);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 18px;
    border-radius: 6px 6px 0px 0px;
}

.register-link {
    margin-left: auto;
    font-size: 13px;
    cursor: pointer;
    transition: color 0.3s;
    line-height: 30px;
}

.register-link a {
    color: #999;
}

.login-container button {
    margin-top: 15px;
    height: 45px;
    font-size: 14px;
    background: #4c62da;
    border-color: #4c62da;
}

.register-link a:hover {
    color: #409eff;
}

.checkbox-custom label {
    color: #666 !important;
}

.layui-input {
    background: rgba(30, 60, 120, 0.6);
    border: 1px solid rgba(80, 150, 255, 0.3);
    color: #fff;
    border-radius: 4px;
    height: 42px;
    padding-left: 15px;
    margin-bottom: 15px;
}

.layui-input::placeholder {
    color: #8aa6d8;
}

.layui-input:focus {
    border-color: #409eff;
    box-shadow: 0 0 8px rgba(64, 158, 255, 0.3);
}

.pwd-wrap {
    position: relative;
}

.eye-icon {
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    color: #8aa6d8;
    cursor: pointer;
}

/* 登录按钮 */
.layui-btn {
    width: 100%;
    height: 44px;
    line-height: 44px;
    background: #409eff;
    border: none;
    border-radius: 4px;
    font-size: 16px;
    margin-top: 10px;
    transition: background 0.3s;
}

.layui-btn:hover {
    background: #66b1ff;
}

/* 忘记密码 */
.forgot-pwd {
    text-align: center;
    margin-top: 18px;
    font-size: 13px;

    cursor: pointer;
    transition: color 0.3s;
}

.forgot-pwd a {
    color: #999;
}

.forgot-pwd:hover {
    color: #409eff;
}

.login-container input {
    background: #ffffff !important;
    border: 0;
    color: #333;
    border: 1px solid #cbcbcb;
    border-radius: 3px !important;
    overflow: hidden;
}

.twentySix-header-bg {
    background-color: rgba(63, 82, 230, 0.9);
}


.phonecodebtn:hover {
    cursor: pointer;
}

.phonecodebtn {
    background-color: #1d84c6;
    color: #fff;
    border-radius: 30px;
    display: block;
    height: 34px;
    text-align: center;
    line-height: 34px;
}

.indexBanners {
    width: 100%;
    height: 550px;
    display: flex;
    background: url("https://static.newdc.org.cn/compe/web/325.png") #0c219a;
    background-position: center 20px;
    background-size: cover;
    background-repeat: no-repeat;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    position: relative;
}

.indexBanners div:nth-child(1) {
    width: 100%;
    /*overflow: hidden;*/
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 680px;
    overflow: hidden;
}

.indexBanners div:nth-child(1) img {
    margin-top: 50px;
}

.indexBanners div:nth-child(2) {
    margin-bottom: 180px;
}

.indexBanners div:nth-child(3) {
    position: absolute;
    left: 50%;
    bottom: 50px;
    margin-left: -435px;
}

.indexBanners div:nth-child(4) {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: space-around;
    left: 50%;
    bottom: -44px;
    width: 1110px;
    height: 68px;
    background-image: url("/img/langfang/indexbannernav.png");
    background-size: 100% 100%;
    margin-left: -550px;
    z-index: 9;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
}

.indexBanners div:nth-child(4) a {
    display: block;
    border-bottom: 2px solid rgba(0, 0, 0, 0);
    color: #fff;
    padding-bottom: 5px;
}

.indexBanners div:nth-child(4) a:hover {
    cursor: pointer;
}

.indexBanners div:nth-child(4) .active {
    border-bottom: 2px solid #fff;
}

.indexnews {
    width: 100%;
    display: flex;
    align-items: center;
    flex-flow: column;
    background-image: url("/img/langfang/index-img-title-08.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center top;
    padding-bottom: 110px;
}

.indexnews-title {
    margin-top: 100px;
}
.indexnews .video{
 margin-top: 50px;
    width:940px;
}
.indexnews .video video{
    width:100%!important;
}
.indexnews-title-to {
    margin-top: 80px;
    margin-bottom: 20px;
}

.indexnews-desc {
    width: 940px;
    color: #fff;
    font-size: 16px;
    line-height: 40px;
    /*text-align: center;*/
    text-indent: 2rem;
}

.indexnews-desc strong {
    color: #F3B186;
}

.indexnews-desc a {
    background-color: #296BFF;
    color: #fff;
    padding: 4px 10px;
    position: relative;
    font-size: 12px;
    border-radius: 20px;
}

.indexschedule {
    width: 100%;
    background-image: linear-gradient(to bottom, #002FFF, #ffffff);
    display: flex;
    align-items: center;
    flex-flow: column;
}

.indexschedule .indexschedule-title {
    margin-top: 110px;
}

.indexschedule-list {
    display: flex;
    justify-content: space-between;
    width: 1200px;
    margin-top: 30px;
}

.indexschedule-desc {
    width: 1200px;
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
    padding-bottom: 100px;
}

.indexschedule-desc .indexschedule-desc-l {
    width: 795px;
    height: 387px;
    border-radius: 10px;
    background-image: url("/img/langfang/index-img-title-15.png");
    background-size: 100% 100%;
}

.indexschedule-desc .indexschedule-desc-r {
    width: 385px;
    height: 387px;
    border-radius: 10px;
    background-image: url("/img/langfang/index-img-title-17.png");
    background-size: 100% 100%;
}

.indexschedule-desc-l-tab {
    margin: 30px 30px 20px 30px;
    font-size: 16px;
    display: flex;
}

.indexschedule-desc-l-tab span {
    display: block;
    margin-right: 36px;
    color: #5B71D2;
}

.indexschedule-desc-l-tab span:hover {
    cursor: pointer;

}

.indexschedule-desc-l-tab .active {
    font-weight: bold;
    background: -webkit-linear-gradient(left, #E9715E, #9F40AA, #4061E8);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    position: relative;
}

.indexschedule-desc-l-tab .active:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -5px;
    width: 100%;
    height: 2px;
    background-image: linear-gradient(to right, #E9715E, #9F40AA, #4061E8);
}

.indexschedule-desc-l-c {
    font-size: 14px;
    margin: 0px 30px 20px 30px;
    line-height: 30px;
    height: 300px;
    overflow: auto;
}

/* 针对WebKit浏览器和Blink内核浏览器（如Chrome、Edge等） */
.indexschedule-desc-l-c::-webkit-scrollbar {
    width: 8px; /* 滚动条的宽度 */
}

/* 滚动条滑块 */
.indexschedule-desc-l-c::-webkit-scrollbar-thumb {
    background-color: #94a8ff; /* 滑块颜色 */
    border-radius: 2px; /* 滑块圆角 */
}

/* 滚动条轨道 */
.indexschedule-desc-l-c::-webkit-scrollbar-track {
    background: #f1f1f1; /* 轨道颜色 */
}

.indexschedule-desc-r-tab {
    margin: 30px 30px 20px 30px;
}

.indexschedule-desc-r-tab span {
    font-size: 16px;
    font-weight: bold;
    background: -webkit-linear-gradient(left, #E9715E, #9F40AA, #4061E8);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    position: relative;

}

.indexschedule-desc-r-c {
    display: flex;
    flex-flow: column;
    justify-content: space-between;
    height: 270px;
    margin-left: 30px;
}

.indexschedule-desc-r-c a {
    font-size: 14px;
    color: #333;
    padding-left: 30px;
    background-image: url("/img/langfang/index-img-title-16.png");
    background-repeat: no-repeat;
    background-size: 20px 20px;
    background-position: left 4px;
    padding-right: 25px;
    line-height: 23px;
}

.indexnewshot {
    width: 100%;
    height: 767px;
    justify-content: center;
    background-image: url("/img/langfang/index-img-title-07.png");
    background-size: cover;
    background-position: center top;
    position: relative;
    display: flex;
    align-items: center;
}

.indexnewshot .indexnewshot-l {
    width: 741px;
    position: absolute;
    left: 50%;
    margin-left: -541px;
}

.indexnewshot .indexnewshot-r {
    width: 840px;
    height: 374px;
    position: absolute;
    left: 50%;
    margin-left: -190px;
    top: 197px;
    background-image: url("/img/langfang/index-img-title-05.png");
    background-size: cover;
    background-position: center left;
    display: flex;
    align-items: center;
}

.indexnewshot-r .indexnewshot-r-num {
    margin-left: 70px;
}

.indexnewshot-r a {
    position: absolute;
    font-size: 18px;
    color: #000;
}

.indexnewshot-r a:nth-child(1) {
    left: 110px;
    top: 55px;
}

.indexnewshot-r a:nth-child(2) {
    left: 110px;
    top: 117px;
}

.indexnewshot-r a:nth-child(3) {
    left: 110px;
    top: 178px;
}

.indexnewshot-r a:nth-child(4) {
    left: 110px;
    top: 241px;
}

.indexnewshot-r a:nth-child(5) {
    left: 110px;
    top: 302px;
}


@media screen and (min-width: 651px) and (max-width: 1200px) {
    html, body {
        min-width: 1306px;
        width: 1306px;
    }
}

.m-header {
    display: none;
    position: fixed;
    top: 0;
    width: 100%;
    left: 0;
    z-index: 99999999999999;
}

.m-header .m-header-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 64px;
    box-shadow: 0 0 30px #0C2F97;
    background: rgba(5, 21, 74, 0.8);
    width: 100%;
}

.m-header .m-header-title div:nth-child(1) {
    margin-left: 11px;
    color: #fff;
    font-size: 11px;
}

.m-header .m-header-title div:nth-child(2) {
    width: 30px;
    height: 30px;
    margin-right: 15px;
    background-image: url("/img/langfang/m-more.png");
    background-size: 100% 100%;
    background-repeat: no-repeat;

}

.m-header .m-header-nav {
    width: 100%;
    height: 100vh;
    display: flex;
    background: rgba(5, 21, 74, 1);
    align-items: center;
    flex-flow: column;
}

.m-header-nav .nav {
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
}

.m-header-nav .login-m {
    margin-top: 80px;
    margin-bottom: 50px;
    text-align: center;
    line-height: 80px;
}

.m-header-nav .nav a {
    color: #fff;
    font-size: 18px;
    margin-bottom: 23px;
}
.m-header-nav .nav dl {
    display: flex;
}
.m-header-nav .nav dl dd{
    margin: 0;
    padding:0;
}
.m-header-nav .nav .active {
    font-weight: bold;
    background: -webkit-linear-gradient(left, #E9715E, #9F40AA, #4061E8);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    position: relative;
}

.m-header-nav .nav .active:after {
    content: "";
    position: absolute;
    width: 100%;
    left: 0;
    bottom: -5px;
    height: 2px;
    background-image: linear-gradient(to right, #E9715E, #9F40AA, #4061E8);
}

.m-header-nav .nav a span {
    display: none;
}

.m-header-nav-off {
    width: 26px;
    height: 26px;
    margin-right: 15px;
    background-image: url("/img/langfang/icon-close.png");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    margin-top: 30px;
    opacity: 0.7;
}


.verification {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 3px;
    background: #d2d2d2;
    height: 34px;
    text-align: center;
    line-height: 34px;
    color: #4b4b4b;
}

.verification:hover {
    cursor: pointer;
}


/*报名*/

.declareInfo {
    width: 1100px;
    margin: 0 auto;
    /* background-image: url(../img/registerformBG.png); */
    background-size: 100%;
    overflow: hidden;
    min-height: 900px;
    background-repeat: no-repeat;
    background: #fff;
    border-radius: 10px;
}

.declareInfo .declareType {
    margin-top: 70px;
    display: flex;
    justify-content: space-around;
    margin-bottom: 30px;
}

.declareInfo .declareType dl {
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    margin-block-start: 0em;
    margin-block-end: 0em;
    position: relative;
}

.declareInfo .declareType dl:hover {
    cursor: pointer;
}

.declareInfo .declareType dl::after {
    content: "";
    position: absolute;
    left: 61px;
    top: 15px;
    width: 210px;
    height: 2px;
    background-color: #aec3f1;
}

.declareInfo .declareType dl:nth-child(4)::after {
    opacity: 0;
    width: 0;
}

.declareInfo .declareType dl dd {
    color: #fff;
    list-style: none;
    display: flex;
    cursor: pointer;
}

.declareInfo .declareType dl dd:nth-child(1) {
    color: #5253d7;
    width: 43px;
    height: 43px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    background-image: url(/img/langfang/declareType-icon-02.png);
    background-size: 40px 40px;
    background-repeat: no-repeat;
    font-weight: bold;
    background-position: center center;

}

.declareInfo .declareType dl dd:nth-child(2) {
    font-size: 14px;
    margin-top: 10px;
    color: #575757;
}

.declareType-on dd:nth-child(1), .declareType dl:hover dd:nth-child(1) {
    background-image: url("/img/langfang/declareType-icon-01.png") !important;
    color: #fff !important;
    cursor: pointer;
}

.declareType-on dd:nth-child(2) {
    font-weight: bold;
    background: -webkit-linear-gradient(left, #E9715E, #9F40AA, #4061E8);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.declareInfo-title {
    font-size: 16px;
    display: flex;
    align-items: center;
    margin: 15px 23px 0px 23px;
    position: relative;
    text-indent: 6px;
    padding: 10px 0px 0px 0px;
    font-weight: bold;
    background: -webkit-linear-gradient(left, #E9715E, #9F40AA, #4061E8);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.declareInfo-title strong {
    background: -webkit-linear-gradient(left, #E9715E, #9F40AA, #4061E8);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-right: 15px;
    position: relative;
    text-indent: 10px;

}

.declareInfo-titles {
    font-weight: bold;
    background: -webkit-linear-gradient(left, #E9715E, #9F40AA, #4061E8);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 18px;
    font-weight: 360;
    display: flex;
    margin: 0px 28px 15px 20px;
    position: relative;
    text-indent: 12px;
    padding: 10px 0 0px 0;
}

.declareInfo-title strong::after, .declareInfo-titles strong::after {
    content: "";
    position: absolute;
    left: 0;
    top: -1px;
    width: 4px;
    height: 19px;
    background-color: #E9715E;
    border-radius: 3px;
}

.declareInfo-title span {
    font-size: 12px;
    color: #666666;
    text-indent: 0px;
    line-height: 20px;
    width: 80%;

}

.infoLead-tos ul {
    margin-left: 0px !important;
    padding: 0;
}

.infoLead-tos ul li dl dd:nth-child(1) {
    width: 80px !important;
}

.infoLead ul {
    width: calc(100% - 64px);
    display: flex;
    flex-flow: column;
    margin-left: 32px;
}

.infoLead ul li {
    min-width: 33%;
    margin-top: 10px;
}

.infoLead ul li dl {
    display: flex;
    align-items: center;
    height: 100%;
}

.infoLead ul li dl dd {
    display: flex;
    align-items: center;
    height: 50px;
    color: #666;
    font-size: 14px;
}

.infoLead ul li dl dd:nth-child(3) {
    width: 73px;
    justify-content: flex-end;
    margin-right: 10px;
}

.infoLead ul li dl dd:nth-child(1) {
    width: 140px;
    justify-content: flex-end;
    margin-right: 10px;
}

.infoLead ul li dl dd input {
    outline: none;
    border: 0;
    background-color: #eff1f6;
    height: 40px;
    width: 100%;
    text-indent: 1em;
    color: #666;
    border-radius: 3px;
    font-size: 14px;
}

.infoLead ul li dl dd:nth-child(2) {
    width: calc(100% - 125px)
}

.infoLead ul li dl dd input::-webkit-input-placeholder {
    color: #999999;
}

.infoLead ul li dl dd input::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #999999;
}

.infoLead ul li dl dd input:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #999999;
}

.infoLead ul li dl dd input:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #999999;
}

.iconBoundary {
    margin: 40px;
    border-bottom: 1px dashed rgba(140, 140, 140, .39);
}

.infoLeadCompany ul div {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.infoLeadCompany ul li:nth-child(1) {
    min-width: 23%;
}

.infoLeadCompany ul dl dd:nth-child(2) div input, .infoLeadRadio input {
    margin: 0 10px;
    position: relative;
    top: 1px;
}

.infoLead ul li dl dd select {
    color: #666666;
}

.addFromList {
    display: flex;
    align-items: center;
}

.addFromList span:nth-child(2) {
    margin-left: 15px;
}

.addFromList span:hover {
    cursor: pointer;
}

.infoLeadCompany {
    width: calc(100% - 64px);
    margin-left: 32px;
    margin-top: 30px;
}

.infoLeadCompany table {
    border-left: 1px solid #eff1f6;
    border-top: 1px solid #eff1f6;
    border-collapse: collapse;
    width: 100%;
}

.infoLeadCompany table tr {
    display: flex;
    justify-content: center;
}

.infoLeadCompany table tr:nth-child(1) td {
    background-color: #eff1f6;
}

.infoLeadCompany table tr:nth-child(1) td {
    color: #666;
    font-weight: bold;
    height: 50px;
}

.infoLeadCompany table td:nth-child(1) {
    width: 35%;
}

.infoLeadCompany table td {
    border-right: 1px solid #eff1f6;
    border-bottom: 1px solid #eff1f6;
    color: #666;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    width: 100%;
}

.infoLeadCompany table td input {
    outline: none;
    width: 100%;
    border: 0;
    height: 50px;
    background-color: rgba(238, 238, 238, 0);
    font-size: 14px;
    color: #666;
    margin: 0 10px;
    text-align: center;
}

.infoLeadCompany table td input::-webkit-input-placeholder {
    color: #999;
}

.infoLeadCompany table td input::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #999999;
}

.infoLeadCompany table td input::-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #999999;
}

.infoLeadCompany table td input::-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #999999;
}

.infoLead ul li dl dd div {
    display: flex;
    flex-wrap: wrap;
}

.infoLead ul li dl dd div input {
    width: 16px;
    height: 16px;
    margin-top: 0;
    position: relative;
    top: 2px;
    margin-right: 5px;
    margin-left: 2px;
}

.infoLeadCompany table td div input {
    width: 15PX;
    height: 15PX;
    position: relative;
    top: 1px;
    margin-right: 2px;
}

.note-editor {
    width: calc(100% - 58px);
    margin-left: 29px;
    margin-top: 30px;
}

.modal-backdrop {
    display: none !important;
}

.note-editor {
    display: none;
}

.richText-a .note-editor, .richText-b .note-editor, .richText-c .note-editor, .richText-d .note-editor, .richText-e .note-editor, .richText-f .note-editor, .richText-g .note-editor, .richText-h .note-editor, .richText-i .note-editor, .richText-j .note-editor, .richText-k .note-editor {
    display: block !important;
}

.infoLead ul li dd select {
    height: 40px;
    background-color: #2954d6;
    border-top: none;
    border-bottom: none;
    border-left: none;
    border-right: 8px solid #2954d6;
    border-radius: 0px !important;
    margin-right: 20px;
    padding: 0px 13px !important;
    min-width: 23%;
}

.diyTab {
    background: #ff448c;
    color: #fff;
    height: 40px;
    padding: 0 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 20px;
    border-radius: 5px;
}

.infoLeadCompany table td div {
    width: 90%;
}

.infoLeadCompany table td select {
    height: 40px;
    background-color: #eff1f6;
    border: 0;
    border-radius: 0px !important;
    margin-right: 20px;
    padding: 0px 13px !important;
    width: 100%;
    color: #666;
}

.upPdf {
    border: 16px solid #ffffff7a;
    display: flex;
    background: #6787e670;
    justify-content: space-between;
    width: 50%;
    height: 300px;
    margin: 30px auto;
}

.upPdf div {
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ff438c;
    font-size: 24px;
    text-align: center;
    flex-flow: column;
}

.upPdf div h5 {
    font-size: 28px;
    font-weight: bold;
    color: #0f3def;
}

.upPdf div p {
    font-size: 16px;
    width: 73%;
    line-height: 36px;
    color: #666;
}

.upPdf div span {
    display: block;
    color: #ffff;
    background: #373fdd;
    font-size: 14px;
    padding: 6px 19px;
    border-radius: 51px;
    margin-top: 12px;
}

.upPdf div span:hover {
    cursor: pointer;
    background-color: #ff438c;
}

.enclosureList {
    width: calc(100% - 39px);
    margin-left: 19px;
}

.enclosureList-s {
    margin-left: 0px;
    width: calc(100% - 18px);
}

.enclosureList-s ul {
    padding: 0px;
    padding-left: 12px;
    margin-top: 15px;
}

.enclosureList ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}


.enclosureList dl {
    display: flex;
    /* padding: 13px 30px; */
    background: rgba(240, 241, 247);
    margin: 10px;
    width: 90%;
    justify-content: space-between;
    color: #666;
    border-radius: 3px;
    align-items: center;
    overflow: hidden;
}

.enclosureList-s dl {
    width: 100%;
}

.enclosureList dl dd {
    display: flex;
    position: relative;
}

.enclosureList dl dd:nth-child(1) {
    text-indent: 15px;
    width: 75%;
}

.enclosureList dl dd:nth-child(2) {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #b0b5d5;
    padding: 12px 30px;
    width: 140px;
    cursor: pointer;
    color: #fff;
}

.enclosureList dl dd:nth-child(3) {
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgb(99 113 206);
    padding: 12px 30px;
    width: 140px;
    color: #fff;
}

.enclosureList dl dd:nth-child(3):hover {
    cursor: pointer;
}

.enclosureList dl dd:nth-child(3) a {
    color: #ffffff;
    width: 140px;
}

.enclosureList dl dd input {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 999;
    opacity: 0;
    cursor: pointer;
}

.enclosureList dl dd span {
    color: #b3b3b3;
}

.numberProject {
    color: #fff;
    margin-left: 30px;
    margin-bottom: 20px;
}

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

.formBtn div {
    color: #fff;
    font-size: 14px;
}

.formBtn div:nth-child(1) {
    width: 170px;
    padding: 0;
    background: #586ae8;
    height: 47px;
    margin-top: 19px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    border-radius: 30px 0px 0px 30px;
}

.formBtn div:nth-child(2) {
    width: 123px;
    height: 47px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    /* bottom: 0; */
    background: #586ae8;
    margin-top: 19px;
}

.formBtn div:nth-child(3) {
    width: 170px;
    padding: 0;
    background: #586ae8;
    height: 47px;
    margin-top: 19px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    border-radius: 0px 30px 30px 0px;
}

.formBtn div:hover {
    cursor: pointer;
    font-size: 16px;
    box-shadow: 0 2px 5px #77a0ec;
    animation: formBtn 1s;
    background-color: #586ae8;
}

.upDataPdf {
    width: 300px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 14%;
    background: url(/img/langfang/iocn-283.png) #fff;
    background-position: center center;
    background-size: 97px;
    height: 200px;
    background-repeat: no-repeat;
    border: 1px dashed #b1b1b1;
}

.upDataPdf input {
    width: 100%;
    height: 100%;
    opacity: 0;
}

.registerInfoTab {
    display: none;
    height: 190px;
    text-align: center;
    justify-content: center;
    color: #31f7d3;
    font-size: 21px;
    width: 80%;
    margin: 0 auto;
    margin-top: 30px;
}

.newsPage {
    display: flex;
    margin: 0 auto;
    margin-bottom: 190px;
}

.newsPage a {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    background-color: #ffffff;
    margin-right: 1px;
}

.newsPage a:hover, .newsPage_on {
    background-color: #376fd2 !important;
}

.localStorageDom {
    width: 100%;
    height: 100%;
    position: fixed;
    background-color: rgba(0, 0, 0, 0.7);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 99999999;
    left: 0;
    top: 0;
}

.mycompetition {
    background-color: #FF448C;
    color: #fff;
    padding: 14px 50px;
    font-size: 16px;
    border-radius: 30px;
    display: block;
    margin: 0 auto;
    width: 67px;
}

.articlesSubmittedList {
    width: 100%;
    display: flex;
    padding: 0px 0 30px 0px;
    align-items: center;
    flex-flow: column;
    min-height: 700px;
}

.articlesSubmittedList-a {
    background-color: #fff;
    width: 1030px;
    display: flex;
    justify-content: space-between;
    padding: 20px;
    border-radius: 11px;
    border: 1px solid #eee;
    margin-top: 30px;
}

.articlesSubmittedList-a:hover {
    box-shadow: 0 0 7px #957eab;
    cursor: pointer;
}

.articlesSubmittedList-a div:nth-child(1) {
    width: 150px;
}

.articlesSubmittedList-a div:nth-child(1) img {
    width: 150px;
    height: 180px;
    display: block;
    vertical-align: middle;
    object-fit: contain;
    background: #f3f3f3;
}

.articlesSubmittedList-a div:nth-child(2) {
    width: calc(100% - 170px);
}

.articlesSubmittedList-a div:nth-child(2) dl dd:nth-child(1) {
    font-size: 17px;
    color: #3e3e3e;
}

.articlesSubmittedList-a div:nth-child(2) dl dd:nth-child(2) {
    font-size: 12px;
    color: #9c9c9c;
    line-height: 24px;
    margin-top: 5px;
    font-weight: 200;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    letter-spacing: 1px;
}

.articlesSubmittedList-a div:nth-child(2) dl dd:nth-child(3) {
    font-size: 12px;
    color: #999;
    line-height: 24px;
    margin-top: 5px;
    font-weight: 200
}

.articlesSubmittedList-a div:nth-child(2) dl dd i {
    font-weight: bold;
    font-style: normal;
}

.articlesSubmittedList-a div:nth-child(2) dl dd:nth-child(4) {
    display: flex;
    margin-top: 20px;
}

.articlesSubmittedList-a div:nth-child(2) dl dd:nth-child(4) span {
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 200;
    margin-right: 10px;
    padding: 6px 26px;
    color: #fff;
    border-radius: 3px;
}

.articlesSubmittedList-a div:nth-child(2) dl dd:nth-child(4) span:hover {
    cursor: pointer;
    font-weight: bold;
}

.articlesSubmittedList-a div:nth-child(2) dl dd:nth-child(4) span:nth-child(1) {
    background-color: #f7a851;
}

.articlesSubmittedList-a div:nth-child(2) dl dd:nth-child(4) span:nth-child(2) {
    background-color: #23c6c8;
}

.articlesSubmittedList-a div:nth-child(2) dl dd:nth-child(4) span:nth-child(3) {
    background-color: #1c97e8;
}

.offarticlesSubmittedList {
    font-size: 14px;
    height: 370px;
    display: flex;
    align-items: center;
}

.matchHeader-l strong {
    color: #fff;
    font-weight: normal;
    border-radius: 3px;
    /* border: 1px solid #eee; */
    padding: 9px 20px;
    background: #23c6c8;
}

.matchHeader-l strong:hover {
    cursor: pointer;
    background: #13afb0;
}

.articlesSubmittedicon_a {
    color: #179ef5;
}

.articlesSubmittedicon_b {
    color: #fb9627;
}

.articlesSubmittedicon_c {
    color: #f3bc34;
}

.articlesSubmittedicon_d {
    color: #b9321a;
}

.documentsStepNum ul {
    display: flex;
    justify-content: space-between;
    color: #fff;
    width: 70%;
    margin-left: 15%;
    align-items: center;
}

.documentsStepNum ul li {
    position: relative;
    background: #4d79e6;
    padding: 10px 18px;
    border-radius: 3px;
}

.documentsStepNum ul li:hover {
    cursor: pointer;
    box-shadow: 0 0 10px #575756;
}

.documentsStepNum ul span {
    display: block;
    width: 10px;
    height: 30px;
    /* background: #1a7bb9; */
}

.documentsStepNum_on {
    background: #ff8f43 !important;
}

.documentsStepNum_on:before {
    content: "";
    position: absolute;
    right: -12px;
    top: 13px;
    width: 0;
    height: 0;
    border: 6px solid;
    border-color: transparent transparent transparent #ff8f43;
}

.formBtnBox {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 100px;
}

.formBtnBox .formBtnBox_a {
    width: 170px;
    padding: 0;
    background: #2f9ecc;
    height: 47px;
    margin-top: 19px;
    border-radius: 30px 0px 0px 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
}

.formBtnBox .formBtnBox_a:hover, .formBtnBox .formBtnBox_b:hover, .formBtnBox .formBtnBox_a_c:hover {
    cursor: pointer;
    font-weight: bold;
}

.formBtnBox .formBtnBox_b {
    width: 170px;
    padding: 0;
    background: #2f9ecc;
    height: 47px;
    margin-top: 19px;
    border-radius: 0px 30px 30px 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
}

.formBtnBox_a_c {
    width: 170px;
    padding: 0;
    background: #f5b517;
    height: 47px;
    margin-top: 19px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    margin-left: 1px;
    margin-right: 1px;
}

.formBtnBoxbl {
    border-radius: 0px 30px 30px 0px;
}

.formBtnempAdd {
    background: #E9715E !important;
}

.areaChoice {
    position: fixed;
    width: 400px;
    height: 590px;
    background-color: #ffff;
    left: 50%;
    top: 50%;
    margin-left: -215px;
    margin-top: -320px;
    border: 15px solid #fff;
    border-radius: 5px;
    z-index: 999;
    box-shadow: 0 0 20px #9aa3b1;
}

.areaChoice .areaChoice_title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 5px 15px 15px 0px;
    color: #666;
    border-bottom: 1px solid #eee;
    font-size: 14px;
}

.areaChoice .areaChoice_title span {
    color: #666;
    font-size: 14px;
}

.areaChoice .areaChoice_title span:hover {
    cursor: pointer;
    color: #666;
}

.areaChoice_tab {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-flow: column;
}

.areaChoice_tab div {
    font-size: 14px;
    color: #445;
    padding: 8px 0;
    border-bottom: 1px solid #f5f8ff;
    width: 100%;
    display: flex;
    align-items: center;
}

.areaChoice_tab div:nth-child(11) {
    border-bottom: none;
}

.areaChoice_tab div:hover {
    cursor: pointer;
    background-color: #eee;
}

.areaChoice_box {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #eee;
}

.areaChoice_box .areaChoice_tab {
    width: 40%;
    height: 473px;
    overflow: scroll;
    position: relative;
}

.areaChoice_tab_left {
    /*box-shadow: ;*/
}

.areaChoice_box .areaChoice_tab::after {
    content: "";
    position: absolute;
    width: 1px;
    height: 409px;
    background-color: #eee;
    right: 0px;
    top: 0px
}

.areaChoice_tab_right {
    width: 60% !important;
    justify-content: flex-start;
}

.areaChoice_tab_right div {
    border-color: #eee;
    background-color: #f4f4f4;
    display: flex;
    padding: 15px 0 !important;
    justify-content: flex-start;
}

.areaChoice_tab_right div input {
    width: 80%;
    border: 1px solid #eee;
    height: 30px;
    margin-left: 10%;
    padding-left: 10px;
}

.areaChoice_tab i {
    display: block;
    width: 5px;
    height: 5px;
    border-radius: 3px;
    margin-left: 30px;
    margin-right: 15px;
}

.areaChoice_tab .areaTxt {
    background: #1E9FFF;
}

.areaChoice_tab_right_on {
    background: #4284f6 url("/img/langfang/areaChoice_tab_right.png");
    background-size: 100%;
    border-color: #4284f6 !important;
}

.areaChoice_tab_right span:hover {
    cursor: pointer;
}

.areaChoice_tab_right span {
    display: block;
    width: 13px;
    height: 13px;
    border: 1px solid #888;
    border-radius: 3px;
    margin-left: 30px;
    margin-right: 15px;
}

.reaChoiceSelected {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 15px;
}

.reaChoiceSelected div {
    background-color: #dddddd;
    padding: 6px 20px;
    border-radius: 2px;
    font-size: 12px;
    color: #666;
}

.reaChoiceSelected div:hover {
    cursor: pointer;
}

.reaChoiceSelected div:nth-child(2) {
    margin-left: 15px;
    background-color: #4284f6;
    color: #fff;
}

.areaChoice_tab_on {
    position: relative;
}

.areaChoice_tab_on::after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border: 8px solid;
    right: 0px;
    top: 50%;
    z-index: 9999;
    margin-top: -6px;
    border-color: transparent #dedede transparent transparent;
}

.selectAreaBtn {
    border: 0;
    background-color: #eff1f6;
    height: 40px;
    width: 23%;
    color: #666;
    border-radius: 3px;
    font-size: 14px;
    display: flex;
    align-items: center;
    padding-right: 20px;
    text-indent: 18px;
    position: relative;
}

.selectAreaBtns {
    border: 0;
    background-color: #6778f4;
    height: 40px;
    width: auto;
    color: #fff;
    border-radius: 3px;
    font-size: 14px;
    display: flex;
    align-items: center;
    padding-right: 10px;
    text-indent: 18px;
    margin-right: 13px;
}

.selectAreaBtns span {
    display: block;
    width: 30px;
    height: 30px;
    margin-left: 9px;
    position: relative;
    background-image: url("/img/langfang/delicon.png");
    background-size: 16px;
    background-position: center center;
    background-repeat: no-repeat;
}

.selectAreaBtn:after {
    content: "";
    position: absolute;
    width: 6px;
    height: 1.2px;
    background: #656565;
    right: 14px;
    top: 50%;
    transform: rotate(45deg);
}

.selectAreaBtn:before {
    content: "";
    position: absolute;
    width: 6px;
    height: 1.2px;
    background: #656565;
    right: 10px;
    top: 50%;
    transform: rotate(135deg);
}

.selectAreaBtn:hover, .selectAreaBtnc:hover, .selectAreaBtns span:hover {
    cursor: pointer;
}

.selectAreaBtnc {
    text-indent: 0;
    padding-right: 15px;
}

.selectAreaBtnc span {
    background-image: url("/img/langfang/iconadd.png");
}

.IntroductionTitel_q {
    padding: 25px;
    background-color: #3438c5d6;
    margin: 0 auto;
    border-radius: 10px;
}

.ProjectInfotxt {
    margin: 40px 27px 10px 27px;
    line-height: 30px;
    font-size: 14px;
    color: #ff0000;
    background: #eff1f6;
    padding: 10px 15px;
    border-radius: 5px;
    letter-spacing: 1px;
    text-align: justify;
}

.enclosureList dl dd:nth-child(1) i {
    font-style: normal;
    color: #FF448C;
    position: relative;
    top: 2px;
    left: 10px;
}

.richText-a-ans {
    color: #fff;
    text-align: right;
    margin-right: 30px;
    position: relative;
    top: -18px;
}

.lfuserinfo {
    display: flex;
    width: 100%;
    align-items: center;
    flex-flow: column;
    justify-content: center;
    margin-top: 120px;
}

.lfuserinfo p {
    font-size: 26px;
    color: #D8E9F5;
}

.localStorageDom {
    width: 100%;
    height: 100%;
    position: fixed;
    background-color: rgba(0, 0, 0, 0.7);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 99999999;
    left: 0;
    top: 0;
}

.localStorageDomList {
    width: 700px;
    background-color: #fff;
    border-radius: 5px;
}

.localStorageDomList dl {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 44px;
    margin-top: 20px;
}

.localStorageDomList dl dd {
    /* width: 100px; */

    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    padding: 11px 18px;
    border-radius: 3px;
}

.localStorageDomList ul {
    max-height: 400px;
    overflow: auto;
    margin: 20px;
}

.localStorageDomList ul li {
    background-color: rgb(230, 239, 253);
    margin-bottom: 10px;
    /* box-shadow: 0 0 4px #e9eef3; */
    padding: 35px 15px;
    border-radius: 3px;
    display: flex;
    justify-content: space-between;
    overflow: hidden;
    align-items: center;
}

.localStorageDomList ul li div:hover {
    cursor: pointer;
}

.localStorageDomList ul li div:nth-child(1) {
    font-size: 18px;
    width: 400px;
    /* background: red; */
    font-weight: 300;
    letter-spacing: 1.1px;
}

.localStorageDomList ul li div:nth-child(2) span {
    padding: 5px 10px;
    margin-right: 10px;
    font-size: 14px;
    border-radius: 3px;
}

.localStorageDomList ul li div:nth-child(2) span:nth-child(1) {
    background-color: #0077ff;
    color: #fff;
    cursor: pointer;
}

.localStorageDomList ul li div:nth-child(2) span:nth-child(2) {
    background-color: #ff6500;
    color: #fff;
}

.localStorageDomList dl dd:nth-child(1) {
    margin-right: 11px;
    background-color: #eee;
    color: #666;
}

.localStorageDomList dl dd:nth-child(2) {
    background-color: #2a8cfc;
    color: #fff;
}

.localStorageDomList dl dd:hover {
    cursor: pointer;
}

.localStorageDomList-title {
    text-indent: 10px;
    margin: 15px;
    color: #111;
    font-size: 18px;
    border-bottom: 1px dashed #cecece;
    padding-bottom: 13px;
}

.userinfoheader {
    height: 440px;
    position: relative;
}

.userinfoheader .backgroundtwoTitle img {
    margin-top: 50px;
}

.projectList {
    position: relative;
    width: 1100px;
    height: 264px;
    border-radius: 10px;
    background-image: url("https://static.newdc.org.cn/lfaic/web/projectList-icon-bg.png");
    background-size: 100%;
    background-repeat: no-repeat;
    overflow: hidden;
    margin: 0 auto 35px;
}

.projectList .projectList-top {
    margin: 30px;
    height: 80px;
    background-color: #fff;
    display: flex;
    justify-content: space-between;
}

.projectList .projectList-top .projectList-top-l div {
    display: flex;
    align-items: center;
}

.projectList .projectList-top .projectList-top-l div strong {
    color: #fff;
    font-size: 16px;
    background-image: linear-gradient(to right, #E9715E, #9F40AA, #4061E8);
    display: block;
    width: 40px;
    height: 24px;
    border-radius: 12px;
    text-align: center;
    line-height: 24px;
    margin-right: 10px;
}

.projectList .projectList-top .projectList-top-l div span {
    font-size: 18px;
    position: relative;
    background: -webkit-linear-gradient(left, #E9715E, #9F40AA, #4061E8);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation-name: newstext;
    font-weight: bold;
}

.projectList .projectList-top .projectList-top-l p {
    margin-left: 53px;
    color: #666;
}

.projectList .projectList-top .projectList-top-r .projectList-top-r-s {
    width: 80px;
    height: 80px;
    line-height: 80px;
    color: #FF5858;
    font-weight: bold;
    text-align: center;
}

.projectList .projectList-top .projectList-top-r {
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
}
.projectList .projectList-top .projectList-top-r-btn{
    background-image: linear-gradient(to right, #E9715E, #9F40AA, #4061E8);
    color: #fff;
    padding: 5px 20px 8px 20px;
    border-radius: 20px;
    margin-bottom: 10px;
    font-size: 14px;
    cursor: pointer;
}
.projectList .projectList-top .projectList-top-r dl dd:nth-child(1) {
    font-size: 16px;
    position: relative;
    background: -webkit-linear-gradient(left, #E9715E, #9F40AA, #4061E8);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation-name: newstext;
    font-weight: bold;
    text-align: center;
    margin-bottom: 10px;
}

.projectList .projectList-top .projectList-top-r dl dd:nth-child(2) {
    color: #fff;
    font-size: 13px;
    background-image: linear-gradient(to right, #E9715E, #9F40AA, #4061E8);
    display: block;
    width: 90px;
    height: 28px;
    border-radius: 14px;
    text-align: center;
    line-height: 28px;
}

.projectList .projectList-bottom {
    position: absolute;
    left: 30px;
    bottom: 40px;
    width: 1040px;
    height: 60px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-image: linear-gradient(to bottom, #EAECFF, #ffffff);
    border-radius: 10px 10px 0px 0px;
}

.projectList .projectList-bottom .projectList-bottom-l,
.projectList .projectList-bottom .projectList-bottom-r {
    display: flex;
    align-items: center;
    justify-content: space-around;
}

.projectList .projectList-bottom .projectList-bottom-l div,
.projectList .projectList-bottom .projectList-bottom-r div {
    font-size: 14px;
    padding-left: 24px;
    background-repeat: no-repeat;
    background-size: 15px;
    background-position: left center;
    margin-left: 20px;
    cursor: pointer;
}

.projectList-bottom-l span {
    border-left: 1px solid #969696;
    display: block;
    margin-left: 20px;
    height: 18px;
}

.projectList .projectList-bottom .projectList-bottom-r {
    width: 200px;
}

.projectList-icon-a {
    background-image: url("/img/langfang/projectList-icon-pdf.png");
}

.projectList-icon-b {
    background-image: url("/img/langfang/projectList-icon-edit.png");
}

.projectList-icon-c {
    background-image: url("/img/langfang/projectList-icon-pdf.png");
}

.projectList-icon-d {
    background-image: url("/img/langfang/projectList-icon-up.png");
}

.projectList-icon-e {
    background-image: url("/img/langfang/projectList-icon-pull.png");
}

.projectList-icon-f {
    background-image: url("/img/langfang/projectList-icon-del.png");
}

.projectList-icon-g {
    background-image: url("/img/langfang/chakan.png");
    background-size: 25px !important;
    padding-left: 30px !important;
}

.userinfonav {
    position: absolute;
    bottom: 0px;
    height: 60px;
    margin-left: -40px;
    width: 510px;
    border-radius: 30px;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    background-image: linear-gradient(to bottom, #5974d9f7, #ffffff2b);
    background-size: 100% 100%;
    color: #fff;
    border: 1px solid #4f65e93b;
    box-shadow: 0px 0px 10px #2c1b84ee;
}

.userinfonav a {
    color: #fff;
    font-size: 16px;
    position: relative;

}

.userinfonav a:hover {
    color: #fff;
}

.userinfonav .active {
    font-size: 18px;
    color: #fff;
    font-weight: bold;

}

.userinfonav .active:after {
    position: absolute;
    content: "";
    left: 0;
    bottom: -5px;
    width: 100%;
    height: 2px;
    background-image: linear-gradient(to right, #E9715E, #9F40AA, #4061E8);
}

.userinfonav .aihcp{
    position: absolute;
    right: -152px;
}
.userinfonav .aihcp a{
    display: block;
    cursor: pointer;
    color: #fff;
    font-size: 12px;
    background-image: linear-gradient(to right, #E9715E, #9F40AA, #4061E8);
    width: 115px;
    border-radius: 20px;
    text-align: center;
    margin: 5px 5px;
    padding: 2px 0;
}
.userinfonav .aihcp a:hover{
    font-weight: bold;
}

.offProject {
    margin: 50px auto;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1100px;
    height: 264px;
    border-radius: 10px;
    background-image: url("https://static.newdc.org.cn/lfaic/web/projectList-icon-bg.png");
    background-size: 100%;
    background-repeat: no-repeat;
    overflow: hidden;
    margin-bottom: 35px;
}
.offProject .tips{
    color: #ff0000;
    width:700px;
    line-height: 150%;
    margin-top: 10px;
}

.offProject dl dd {
    margin: 0;
    padding: 0;
}

.offProject dl dd:nth-child(1) {
    font-size: 20px;
    font-weight: bold;
    color: #666;
    text-align: center;
}

.offProject dl dd:nth-child(2) a {
    cursor: pointer;
    color: #fff;
    font-size: 13px;
    background-image: linear-gradient(to right, #E9715E, #9F40AA, #4061E8);
    display: inline-block;
    width: 80px;
    /*height: 38px;*/
    border-radius: 10px;
    text-align: center;
    /*line-height: 38px;*/
    margin: 1px 5px;
}

.offProjectBtn a {
    cursor: pointer;
    color: #fff;
    font-size: 13px;
    background-image: linear-gradient(to right, #E9715E, #9F40AA, #4061E8);
    display: block;
    width: 120px;
    height: 38px;
    border-radius: 19px;
    text-align: center;
    line-height: 38px;
    margin-top: 30px;
}

.offProject dl dd:hover {
    cursor: pointer;
}

.offProjectBtn {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0px auto 80px;
}

.offProjectBtn a {
    display: block;
    width: 270px;
    height: 49px;
    border-radius: 30px;
    line-height: 49px;
    font-size: 16px;
    box-shadow: 0 0 10px #0b0e4d;
}

.boxRetrieve {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    z-index: 9999;
    align-items: center;
    justify-content: center;
}

.boxRetrieveFrom {
    width: 400px;
    height: 457px;
    background-color: #fff;
    border-radius: 10px;
    display: flex;
    flex-flow: column;
    align-items: center;
    position: relative;
}

.boxRetrieveFrom i {
    position: absolute;
    right: 20px;
    top: 24px;
    font-style: normal;
    font-size: 14px;
    z-index: 999;
    cursor: pointer;
}

.boxRetrieveFrom h1 {
    font-size: 16px;
    font-weight: normal;
    line-height: 60px;
    border-bottom: 1px solid #e3e3e3;
    /* text-align: center; */
    margin-bottom: 25px;
    margin-top: 0;
    width: 96%;
    text-indent: 1em;
    position: relative;
}

.boxRetrieveFrom h1:after {
    content: "";
    position: absolute;
    left: 5px;
    top: 50%;
    width: 4px;
    height: 20px;
    background-color: #5e6aed;
    margin-top: -10px;
    border-radius: 2px;
}

.boxRetrieveFrom div {
    width: 80%;
    margin-bottom: 15px;
    display: flex;
    justify-content: space-between;
}

.boxRetrieveFrom div span {
    width: 160px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    color: #666;
}

.boxRetrieveFrom div span:hover {
    cursor: pointer;
    color: #ff1323;
}

.boxRetrieveFrom div input {
    background-color: #edeff2;
    border: 0;
    width: calc(100% - 15px);
    height: 40px;
    border-radius: 5px;
    padding-left: 14px;
    font-size: 14px;
}

.boxRetrieveFrom div input:focus {
    outline: none;
}

.boxRetrieveBtn {
    background-color: #477fed;
    color: #fff;
    text-align: center;
    border-radius: 5px;
    height: 45px;
    width: 60% !important;
    margin-top: 20px;
    line-height: 45px;
    font-size: 14px;
    justify-content: center !important;
    align-items: center;
}

.boxRetrieveBtn:hover {
    cursor: pointer;
    box-shadow: 0 2px 4px #eee;
}

.partnerCooperative {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 100px 0px;
}

.partnerCooperative .partnerCooperative-title {
    margin-bottom: 40px;
}

.partnerCooperative .partnerCooperative-title h3 {
    height: 48px;
    font-size: 32px;
    font-family: SourceHanSansCN-Bold, SourceHanSansCN;
    font-weight: 700;
    color: #5063e8;
    line-height: 48px;
    background: linear-gradient(180deg, #804c96, #3331ac);
    -webkit-background-clip: text;
    text-align: center;
    margin: 0 auto;
}

.partnerCooperative .partnerCooperative-title p {
    display: block;
    width: 42px;
    height: 4px;
    background: #5063e8;
    border-radius: 2px;
    margin: 5px auto 15px auto;
}

.partnerCooperative .partnerCooperative-title span {
    margin: 10px auto;
    font-size: 16px;
    color: #8c8c8c;
    display: block;
    text-align: center;
}

.partnerCooperative .partnerCooperative-list {
    width: 1200px;
    display: flex;
    flex-wrap: wrap;
}

.partnerCooperative .partnerCooperative-list div {
    background: none;
    width: 200px;
    height: 80px;
    border: 1px solid #ccc;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 25px 20px;
    padding: 10px;
    box-sizing: border-box;
    overflow: hidden;
}

.partnerCooperative .partnerCooperative-list div img {
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    height: 42px;
    -o-object-fit: scale-down;
    object-fit: scale-down;
}

.partnerCooperative .partnerCooperative-list div:hover {
    box-shadow: 5px 5px 13px #cdcdcd;
    cursor: pointer;
}

.m-header-nav-box {
    width: 100%;
    position: fixed;
    left: 0;
    top: 0;
}

.newslogin {
    width: 100%;
    display: flex;
    flex-flow: column;
    height: 100vh;
    background: url("/img/langfang/saishi-bg.jpg") #021b9c;
    background-repeat: no-repeat;
    background-position: center 100px;
    background-size: cover;
}
.register{
    padding-top: 50px;
}
.testlengthbox{
    z-index: -1;
    position: fixed;
    top: -99999999999999999px;
    left: 0;
    opacity: 0;
}

.reward{
    width: 100%;
    height: 720px;
    background-image: url("/img/langfang/jl-bg.jpg");
    background-position: bottom center;
    background-size: cover;
    display: flex;
    align-items: center;
    flex-flow: column;
}
.reward .trackBox-title{
    margin-top: 100px;
}
.reward  .reward-list{
    width: 1100px;
    display: flex;
    justify-content: space-between;
    margin-top: 100px;
}
.reward  .reward-list div{
    width: 23%;
}
.reward  .reward-list div img{
    width: 100%;
}
.reward  .reward-text{
    color: #fff;
    font-size: 16px;
    width: 1100px;
    text-align: center;
    margin-top: 100px;
    text-shadow: 0 3px 10px #2a3b7c;
    line-height: 40px;
}
.traclist-r .traclist-r-info span:hover{
    cursor: pointer;
    color: #ffb518;
}
.trackBox-upbtn{
    background-image: linear-gradient(to right, #E9715E, #9F40AA, #4061E8);
    color: #fff;
    padding: 12px 60px;
    border-radius: 60px;
    margin-top: 0px;
    display: block;
}
.onlinepc{
    display: none;
}
@media screen and (min-width: 651px) and (max-width: 1200px) {
    html, body {
        min-width: 1220px;
    }

    .header .logo {
        margin-left: 0px;
    }

    .header .user-area {
        margin-right: 0px;
    }

}

@media only screen and (max-width: 650px) {
    .onlinepc{
        display: flex;
        width: 100%;
        height: 480px;
        align-items: center;
        justify-content: center;
        color: #fff;
    }
    .participateRegistration-web{
        display: none;
    }
    .indexBanners {
        background-size: 100% 100%;
    }

    .m-header {
        display: flex;
    }

    .header {
        display: none;
    }

    .indexBanners {
        height: 370px;
    }

    .indexBanners div:nth-child(1) {
        margin-top: 0px;
        width: 100%;
        min-width: 100%;
    }

    .indexBanners div:nth-child(1) img {
        width: 700px !important;
        display: block;
        margin: 0 auto 0 -10px;
    }

    .indexBanners div:nth-child(2) {
        margin-bottom: 30px;
    }

    .indexBanners div:nth-child(2) img {
        width: 70px;
        display: block;
        margin: 0px auto;
    }

    .indexBanners div:nth-child(3) {
        margin-left: -210px;
        bottom: 20px;

    }

    .indexBanners div:nth-child(3) img {
        width: 420px;

    }

    .indexBanners div:nth-child(4) {
        display: none;
    }

    .indexbannernav {
        display: none;
    }

    .indexnews-title {
        margin-top: 80px;
    }

    .indexnews-title img {
        width: 100%;
        height: 45px;
        display: block;
        vertical-align: middle;
        object-fit: cover;
    }

    .indexnews-title-to img {
        width: 140px;
    }

    .indexnews-desc {
        width: calc(100% - 30px);
        padding: 0px 15px;
        font-size: 14px;
    }

    .indexnews-desc a {

        padding: 5px 10px;
        position: relative;

    }

    .indexnews-desc p {
        margin: 0px;
    }

    .indexschedule .indexschedule-title {
        margin-top: 80px;
    }

    .indexschedule-title img, .trackBox-title img {
        width: 100%;
        height: 45px;
        display: block;
        vertical-align: middle;
        object-fit: cover;
    }

    .indexschedule-list {
        width: calc(100% - 30px);
        padding: 15px;
        flex-flow: wrap;
    }

    .indexschedule-list div {
        width: 48%;
    }

    .indexschedule-list div img {
        width: 100%;
    }

    .indexschedule-desc {
        flex-flow: column;
        width: calc(100% - 30px);
        margin: 0px 15px;
    }

    .indexschedule-desc .indexschedule-desc-l,
    .indexschedule-desc .indexschedule-desc-r {
        height: auto;
        width: 100%;
    }

    .indexschedule-desc .indexschedule-desc-r {
        height: auto;
        padding-bottom: 20px;
        margin-top: 15px;
    }

    .guestBox-list {
        width: calc(100% - 30px);
        margin: 15px;
    }

    .guestBox-list div {
        width: 40%;
    }
    .guestBox-list div dl{
        width:160px;
        line-height: 150%;
    }

    .guestBox-list div img {
        width: 100%;
    }

    .trackBox .trackBox-title {
        margin-top: 80px;
    }

    .indexnews {
        padding-bottom: 80px;
    }
    .indexnews .video{
        margin-top: 50px;
        width:90%;
    }
    .indexnews-title-to{
        margin-top: 40px;
    }
    .indexnews .video video{
        width:100%!important;
    }
    .trackBox {
        height: auto;
    }

    .footer {
        width: 100%;
        height: auto;
    }

    .footer-box {
        flex-flow: column;
    }

    .footer-box .footer-l .nav {
        display: none;
    }

    .footer-box .footer-l,
    .footer-box .footer-r {
        width: calc(100% - 30px);
        min-width: calc(100% - 30px);
    }

    .footer-box .footer-l {
        margin-left: 15px;
    }

    .footer-box .footer-l .labels .qrcode {
        margin-right: 15px;
    }

    .footer-box .footer-l .mit {
        margin-right: 15px;
    }

    .footer-box .footer-l .title {
        margin-top: 80px;
    }

    .indexnewshot {
        height: auto;
        flex-flow: column;
    }

    .indexnewshot .indexnewshot-l {
        width: 100%;
        left: 0;
        margin-left: 0;;
    }

    .indexnewshot .indexnewshot-l img {
        width: calc(100% - 30px);
        margin: 15px;
    }

    .indexnewshot .indexnewshot-l,
    .indexnewshot .indexnewshot-r {
        position: relative;
    }

    .indexnewshot .indexnewshot-r {
        width: calc(100% - 1px);
        left: 0;
        margin-left: 0;
        top: -60px;
    }

    .indexnewshot-r .indexnewshot-r-num {
        margin-left: 15px;
    }

    .indexnewshot-r .indexnewshot-r-num img {
        width: 34px;
    }

    .indexnewshot-r a {
        font-size: 14px;
        left: 60px !important;
    }

    .indexnewshot-r a:nth-child(1) {
        top: 64px;
    }

    .indexnewshot-r a:nth-child(2) {
        top: 114px;
    }

    .indexnewshot-r a:nth-child(3) {
        top: 174px;
    }

    .traclist {
        flex-flow: column;
        height: auto;
    }

    .traclist-l, .traclist-r {
        position: relative;
    }

    .traclist-l {
        width: calc(100% - 35px);
        margin-left: 5px;
        left: 0;
        background-size: 207px;
        height: 406px;
    }
    .traclist-r .traclist-r-info{
        width: 280px;
    }
    .traclist-l div {
        width: 228px;
        height: 38px;
        line-height: 38px;
        color: #0b56b7;
    }

    .traclist-l div:nth-child(1) {
        left: 120px;
        top: 35px;
    }

    .traclist-l div:nth-child(2) {
        left: 100px;
        top: 102px;
    }

    .traclist-l div:nth-child(3) {
        left: 115px;
        top: 323px;
    }

    .traclist-l div:nth-child(4) {
        left: 100px;
        top: 246px;
    }

    .traclist-l div:nth-child(5) {
        left: 96px;
        top: 173px;
    }

    .traclist-r {
        left: 0;
        margin-left: -300px;

    }

    .backgroundtwoTitle div img {
            width: 90%;
            display: block;
            margin: 0 auto;
        margin-top: 60px;
    }

    .introductionEvent {
        width: calc(100% - 30px);
        margin: 15px;
    }
    .footer-box .footer-l .title{
        font-size: 20px;
    }
    .introductionEvent::after,
    .introductionEvent::before {
        width: 59px;
        height: 59px;
    }

    .trackBox {
        padding-top: 80px;
    }

    .ContactUs {
        height: 370px;
        background-size: 1812px 370px;
    }
    .introductionContent {
        flex-flow: column;
        width: calc(100% - 30px);
        padding: 15px;
    }

    .introductionContent-l, .introductionContent-r {
        width: 100%;
    }

    .introductionContent-l img {
        width: 100%;
    }

    .introductionContent-r {
        margin-bottom: 30px;
        height: auto;
    }

    .introductionContent-r div {
        margin-top: 15px;
    }

    .qalist, .wordDownloadlist {
        width: calc(100% - 30px);
        margin: 15px;
    }

    .qalist ul {
        align-items: flex-start;
    }

    .qalist ul li img {
        width: 40px;
    }

    .ContactUsContentBox {
        padding: 15px 0 !important;
    }

    .wordDownloadlist {
        flex-flow: column;
        justify-content: flex-start;
        align-items: flex-start;
        height: auto;
        padding-bottom: 20px;
    }

    .wordDownloadlist ul {
        margin-left: 0px;
        width: 100%;
        align-items: flex-start;
    }

    .wordDownloadlist ul li:nth-child(1) img {
        width: 30px;
    }

    .wordDownloadlist ul li:nth-child(2) {
        width: 68%;
        text-align: justify;
    }

    .wordDownloadlist a {
        margin-left: 99px;
    }

    .newslist {
        background: none;
        width: calc(100% - 30px);
        padding: 15px;
        margin-top: 0px;
    }

    .newslist a {
        flex-flow: column;
        background: #fff;
        padding: 15px;
        margin: 0px;
        margin-bottom: 15px;
        border: none;
        border-radius: 5px;
    }

    .newslist a div {
        width: 100%;
        height: 180px;
        margin-bottom: 10px;
    }

    .newslist a div img {
        width: 100%;
        height: 180px;
    }

    .newslist a dl {
        margin: 0;
        padding: 0;
        width: 100%;
    }

    .newslist a dl dd {
        margin: 0;
        padding: 0;
    }

    .newslist a dl dd:nth-child(1) {
        margin-bottom: 7px;
    }

    .newslist a dl dd:nth-child(2) {
        color: #999;
    }

    .newsPage {
        width: 100%;
    }

    .newsDetails-titleBox .newsDetails-title, .newsDetails {
        width: calc(100% - 30px);
    }

    .newsDetails-titleBox .newsDetails-title span {
        font-size: 18px;
    }

    .newsDetails {
        display: flex;
        flex-flow: column;
    }

    .newsDetails-l, .newsDetails-r {
        width: calc(100% - 30px);
        max-width: 100%;
    }
    .newsDetails-l .newsDetails-l-title h1{
        text-indent: 0px;
        font-size: 22px;
        line-height: 37px;
    }
    .newsDetails-r h3 {
        margin-top: 30px;
    }

    .newsDetails-r a {
        margin-top: 30px;
    }

    .newsDetails-r a span {
        font-size: 16px;
    }

    .ContactUsContent {
        width: 100%;
        height: auto;
    }

    .ContactUsContent .ContactUsContent-info ul {
        width: 100%;
        margin: 0;
        padding: 0px;
    }

    .ContactUsContent .ContactUsContent-info ul li {
        list-style: none;
        margin-bottom: 15px;
    }

    .ContactUsContent {
        width: calc(100% - 30px);
        margin: 15px;
        border-radius: 10px;
        padding: 40px 0px;
    }

    .partnerCooperative .partnerCooperative-title p {
        margin: 0px auto 15px auto;
        height: 3px;

    }

    .partnerCooperative .partnerCooperative-list {
        width: 100%;
    }

    .partnerCooperative .partnerCooperative-title h3 {
        font-size: 24px;
    }

    .partnerCooperative .partnerCooperative-list div {
        background: none;
        width: 45%;
        height: 68px;
        margin: 8px;
    }

    .partnerCooperative {
        padding: 60px 0px;
    }
    .login-container{
        margin-top: 0;
        width: calc(100% - 30px);
    }
    .backgroundtwoTitle p{
        text-align: center;
        width: 80%;
    }
    .layui-layer{
        width: calc(100% - 30px) !important;
    }
    .trackBox-upbtn{
        margin: 40px auto 80px auto;
        font-size: 14px;
    }
    .reward-list,.reward .reward-text{
        width: calc(100% - 30px) !important;
        flex-wrap: wrap;
        margin-top: 60px !important;
    }
    .reward .trackBox-title{
        margin-top: 60px;
    }
    .reward .reward-list div{
        width: 48%;
        margin-bottom: 30px;
    }
    .reward .reward-text{
        font-size: 15px;
    }
    .registerBox{
        width: 100%
    }
    .layui-form-item{
        display: flex;
        flex-flow: column;
    }
    .layui-form-label{
        width: auto;
        text-align: left !important;
        padding-left: 0px !important;
    }
    .twentySix-certification .layui-input-block{
        margin-left: 0;
    }
    .userinfonav{
        width: calc(100% - 30px) !important;
        margin-left: 0px;
    }
    .backgroundtwoTitle p{
        font-size: 16px;
    }
    .layui-form-item .layui-input-inline,    .layui-form-item .layui-input-inline+.layui-form-mid{
        margin-left: 0px !important;
    }
    .layui-form-item{
        margin-bottom: 0px !important;
    }
    .registerform{
        border-radius: 5px;
    }
}