@font-face {
    font-family: D-DIN;
    font-weight: 400;
    font-style: normal;
    src: url(../fonts/D-DIN.TTF);
}
@font-face {
    font-family: D-DIN-BOLD;
    font-weight: 400;
    font-style: normal;
    src: url(../fonts/D-DINExp-Bold.TTF);
}
.c-btn-17B3EC{background-color: #17B3EC;}
.c-conf-box .c-confbtn a { color: #17B3EC;}

.active-wrapper { background: linear-gradient(0deg, #E0F1FB 0%, #D4EFFF 60%, #D4EFFF 100%) no-repeat 0 0; background-size: 100% 50%;}
.active-con{ position: relative; overflow: hidden;}
.active-con::after{content: ''; position: absolute; top: 50%;;right: 1.5rem; width: 7.18rem;height: 4.28rem;background: url(../images/sz/bg-goods.png) no-repeat center center;background-size: 7rem auto; margin-top: -2.14rem;}
.active-row{ position: relative; z-index: 1; display: block;width: 100%; padding: 0.5rem 1rem .35rem;font-size: 0.6rem;color: #666666;position: relative;}
.active-row p{position: relative;z-index: 9; margin-bottom: .1rem;}
.active-tit{ margin-bottom: .25rem; font-size: 0.95rem;color: #333333;font-weight: 700;word-break: break-word;}
.active-pro{position: absolute;top: 1rem;right: 0.8rem;}
.active-pro .progress-bar{width: 4.525rem;height: 0.25rem;border-radius: 0.15rem;}
.active-pro .progress-bar>i{border-radius: 0.15rem}

.active-rule { position: relative; z-index: 2; background: rgba(255,255,255,.6); border-radius: .5rem; padding: .4rem .65rem; margin: 0 .65rem .75rem;}
.active-rule .rule-title { display: flex; align-items: center; line-height: 1.2rem; margin-bottom: .25rem;}
.active-rule .rule-title .tit-lt { flex: 1; background: url('../images/sz/icon-rule.png') no-repeat left center; background-size: .7rem .75rem; padding-left: 1.1rem; font-size: .75rem; color: #17B3EC;}
.active-rule .rule-title .tit-btn { display: block;  background: url('../images/sz/right-ico.png') no-repeat right center; background-size: .4rem; padding-right: .6rem; font-size: .6rem; color: #999999;}
.active-rule .rule-des { line-height: 1.5; font-size: .7rem;
    color: #909090;}

.event-rule-article { -webkit-overflow-scrolling: touch;overflow-y: auto; max-height: 50vh; margin-bottom: .75rem;}
.event-rule-article >p { line-height: 1.5; font-size: .7rem; color: #333; margin-bottom: .25rem;}
.event-rule-article >p:last-child { margin-bottom: 0;}

.science-list-box { padding-top: .75rem; border-top: 2px solid #fff; border-radius: 1rem 1rem 0 0; background: #f2f5f6;}
.science-top{margin-top: -1.7rem;}
.science-list{padding:0 0.5rem 0.5rem;font-size: 0.65rem;color: #909090;}
.science-list li{background-color: #fff;margin-bottom: 0.5rem;border-radius: 0.5rem;padding: 1rem 0.75rem;display: flex;align-items: center;position: relative;}
.science-list h3{font-size: 0.8rem;color: #333333;font-weight: 700;margin-bottom: 0.2rem;}
.science-left{flex: 1;}
.science-right{width: 4.6rem;}
.science-right p{font-size: 0.6rem;color: #f44c30;text-align: right;}
.science-right a{font-size: 0.65rem;color: #ffffff;display: inline-block;width: 3.5rem;line-height: 1.45rem;border-radius: 0.75rem;float: right;text-align: center;margin-top: 0.4rem;background-color: #17b3ec;}
.i-status{display: inline-block;font-size: 0.5rem;color: #ffffff;width: 2.3rem;;line-height: 1rem;border-radius: 0.5rem 0px 0.5rem 0px;position: absolute;top: 0;left: 0;text-align: center;}
.status-ing .i-status{background-color: #3fc646;}
.status-ing a{background-color: #17b3ec;}
.status-ed .i-status {background-color: #bfbfbf;}
.status-ed a{background-color: #bfbfbf;}
.status-ed p{color: #909090;}
.rule-img{display: inline-block;width: 2.65rem;height: 2.67rem;position: fixed;right: 0.5rem;bottom: 10rem;}
.my-banner{display: block;width: 100%;}
.date-tab{position: relative;}
.date-tab>.tit{font-size: 0.85rem;color: #17b3ec;font-weight: 700;position: relative;}
.screen-a{display: inline-block;position: absolute;right: 0;background-color: #fff;top: 0;line-height: 1.5rem;font-size: 0.65rem;color: #909090;padding: 0 0.4rem 0 1.6rem;border-radius: 1.45rem;border: 1px solid #d6efff;}
.screen-a:before{content: '';display: inline-block;width: 0.75rem;height: 0.65rem;background: url(../images/sz/screen.png) no-repeat center center;background-size: 100% 100%;position: absolute;left: 0.6rem;top: 0.42rem;}
.screen-a.curr{color: #17b3ec;}
.screen-a.curr:before{content: '';display: inline-block;background: url(../images/sz/screen-cur.png) no-repeat center center;background-size: 100% 100%;}
.total-num{font-size: 0.65rem;color: #666666;padding: 1rem 0 0.7rem;}
.total-num i{padding-right: 0.3rem;border-right: 1px solid #e1e1e1;padding-left: 0.3rem;}
.total-num i:last-child{border-right: none;}
.total-num i:first-child{padding-left: 0;}
.my-list{margin: -2rem 0.5rem 0.75rem;background-color: #fff;background-image: linear-gradient(#d4efff 0%, #fff 3.5rem);display: inline-block;width: calc(100% - 1rem);position: relative;border-radius: 0.5rem;padding: 0.75rem;}
.my-list>ul>li{background-color: #fff;border-radius: 0.5rem;padding: 0.75rem 0;background-color: #f2f5f6;margin-bottom: 0.5rem;}
.my-top{display: flex;align-items: center;font-size: 0.8rem;color: #333333;padding: 0 0.75rem;}
.my-top img{display: inline-block;width: 2rem;height: 2rem;margin-right: 0.75rem;}
.my-top span{flex: 1;font-weight: 700;}
.my-top a{font-size: 0.65rem;color: #ffffff;background-color: #17b3ec;width: 4rem;line-height: 1.45rem;text-align: center;border-radius: 0.75rem;}
.num-ul{display: flex;margin-top: 0.7rem;}
.num-ul li{width: 25%;text-align: center;font-size: 0.6rem;color: #909090;}
.num-ul h5{font-size: 0.95rem;color: #000000;font-weight: 700;line-height: 1;margin-bottom: 0.2rem;white-space: nowrap;overflow:hidden;text-overflow: ellipsis;font-family: D-DIN;}

.tab-h,.tab-fixed{height: calc(2.75rem + constant(safe-area-inset-bottom));height: calc(2.75rem + env(safe-area-inset-bottom))}
.tab-fixed{background-color: #fff;font-size: 0.75rem;color: #333333;display: flex;position: fixed;bottom: 0;width: 100%;}
.tab-fixed img{display: block;width: 1.1rem;height: 1.1rem;margin: 0.35rem auto 0.1rem;}
.tab-fixed li{flex: 1;position: relative;text-align: center;}
.tab-fixed li.curr{color: #17b3ec;}

.mask-bottom{position: fixed;bottom: 0;background-color: #fff;border-radius: 1.5rem 1.5rem 0 0;width: 100%;padding: 0.8rem 0.75rem 1.3rem;animation:confboxs .2s ease; -webkit-animation:confboxs .2s ease;}
.screen-tit{font-size: 0.85rem;color: #000000;font-weight: bold;text-align: center;margin-bottom: 0.3rem;}
.select-p{font-size: 0.8rem;color: #333333;margin-bottom: 0.9rem;}
.select-p p{margin-bottom: 0.5rem;}
.select-time{display: flex;align-items: center;}
.select-time span{width: 1.4rem;text-align: center;color: #909090;}
.select-time input{ border-radius: 2rem;height: 1.6rem;line-height: 1.6rem;width: calc(37% - 0.7rem);text-align: center;padding: 0 0.2rem; font-size: .75rem; border: 1px solid #d6efff; background: #fff; color: #17b3ec;}

.active-s input{background-color: #f2f4f6;border-radius: 0.4rem;height: 2.5rem;line-height: 2.5rem;width: 100%;text-align: center;padding: 0 0.5rem;}
.btn-group{border: 1px solid #17b3ec;border-radius: 1.2rem;font-size: 0.9rem;display: flex;height: 2.4rem;text-align: center;line-height: 2.4rem;}
.reset-a{color: #17b3ec;flex: 1;}
.sure-a{color: #ffffff;background-color: #17b3ec;flex: 1;border-radius: 0 1.2rem 1.2rem 0;font-weight: bold;}
.close-pop{position: absolute;right: 0.5rem;top: 0.7rem;display: inline-block;padding: 0.3rem;}
.close-pop img{width: 0.5rem;height: 0.5rem;display: block;}
@keyframes confboxs {
    0% { bottom: -50%; }
    100% { transform: 0; }
}
.fixed-tab{position: fixed;top: 0;background-image: linear-gradient(#d4efff 0%, #fff 3.5rem);width: 100%;left: 0;padding: 0.75rem 0.75rem 0 0.75rem;box-shadow: -3px 3px 10px rgba(0,0,0,.1);}
/* 活动中心 */
.index-ul{padding: 0 0.5rem;position: relative;}
.active-mt{margin-top: -2rem;}
.index-ul>li{border-radius: 0.5rem;padding: 0 0.75rem;margin-bottom: 0.5rem;overflow: auto;position: relative;}
.index-con1{background-image: linear-gradient(#d4efff 0%, #fff 3.5rem);display: block;}
.index-con2{background-image: linear-gradient(#fff2f0 0%, #fff 3.5rem);display: block;}
.index-info{display: flex;padding: 1.1rem 0;font-size: 0.65rem;color: #909090;align-items: center;}
.index-info span{margin-right: 1.25rem;}
.index-info p{line-height: 1.4;}
.index-info h3{font-size: 0.8rem;color: #333333;font-weight: 700;}
.index-info h3 i{font-size: 0.65rem;color: #909090;font-weight: normal;}
.index-info h3 b{color: #000000;font-weight: 700;}
.info-img{display: inline-block;width: 2.35rem;height: 2.35rem;margin-right: 0.75rem;}
.arrow-icon{display: inline-block;width: 1rem;height: 1rem;border-radius: 100%;position: absolute;right: 0.75rem;}
.arrow-down{transform: rotate(180deg)}
.index-list>li{background-color: #f2f5f6;border-radius: 0.5rem;padding: 0.9rem 0.85rem 0.75rem;margin-bottom: 0.25rem;font-size: 0.6rem;color: #909090;display: flex;align-items: center;position: relative;}
.index-list>li:last-child{margin-bottom: 0.75rem;}
.index-list h3{font-size: 0.8rem;color: #333333;font-weight: 700;margin-bottom: 0.2rem;white-space: nowrap;
    overflow:hidden;
    text-overflow: ellipsis;}
.item-left{max-width: calc(100% - 4.2rem);flex: 1;padding-right: 1rem;}
.item-right{width: 4.2rem;float: right;text-align: right;}
.pro-con{display: flex;align-items: center;font-size: 0.6rem;color: #f44c30;margin-bottom: 0.3rem;justify-content: flex-end;}
.progress-bar{display: inline-block;width: 2.2rem;height: 0.2rem;background-color: #ffd1c9;border-radius: 0.1rem;margin-right: 0.25rem;position: relative;}
.progress-bar>i{display: inline-block;background-color: #f44c30;position: absolute;left: 0;height: 100%;border-radius: 0.1rem;}
.join-in{font-size: 0.65rem;color: #ffffff;background-color: #17b3ec;border-radius: 0.75rem;display: inline-block;width: 4rem;line-height: 1.4rem;text-align: center;}
.status-ed .progress-bar{background-color: #e1e1e1;}
.status-ed .progress-bar i{background-color: #bfbfbf;}
.mask{width: 100vw;height: 100vh;background-color: rgba(0, 0, 0, 0.5);position: fixed;top: 0; z-index: 9;}
.rule-mask{display: inline-block;width: 90%;position: fixed;left: 5%;background-color: #fff;top: 50%;transform: translateY(-50%);border-radius: 0.5rem;padding: 0 0.75rem 0.8rem;animation:confbox .2s ease; -webkit-animation:confbox .2s ease; z-index: 10;}
.rule-tit{font-size: 0.95rem;color: #000000;font-weight: 700;text-align: center;padding: 0.7rem 0;display: flex;align-items: center;justify-content: center;}
.rule-tit:before,.rule-tit::after{content: '';display: inline-block;width: 2.2rem;height: 0.25rem;background: url(../images/sz/tit.png) no-repeat center;background-size: 100% 100%;margin: 0 0.5rem;}
.rule-tit::after{transform: rotate(180deg);}
.rule-con{font-size: 0.65rem;color: #5b5b5b;max-height: 60vh;overflow: auto;margin-bottom: 0.2rem;padding: 0 0.2rem;}
.rule-con>li{margin-bottom: 0.6rem;}
.rule-con i{font-size: 0.65rem;color: #909090;margin-left: 0.1rem;}
.rule-text{font-size: 0.75rem;color: #000000;max-width: 75%;display: inline-block;}
.konw{font-size: 0.85rem;color: #ffffff;background-color: #17b3ec;border-radius: 1.5rem;display: block;line-height: 2.25rem;text-align: center;font-weight: 700;}
@keyframes confbox {
    0% { transform: translateY(-50%) scale(.5); }
    100% { transform: translateY(-50%) scale(1); }
}
.active-bg{background: #9ecbf9 url(../images/sz/banner2.png) no-repeat top;background-size: 100% 20rem;padding-top: 15rem;}

.select-date{display: flex;margin-bottom: 0.5rem;font-size: 0.75rem;flex-wrap: wrap;}
.select-date li{border: 1px solid #C1CAD4;padding: 0.2rem 0.7rem;margin-right: 0.5rem;border-radius: 0.2rem;}
.select-date li.curr{background-color: #17b3ec;color: #fff;border: 1px solid #17b3ec;}

.float-event { position: fixed; right: 0; bottom: 10rem; z-index: 1; width: 3.6rem; height: 3.6rem;}

.eventpro-head { height: 2.75rem; margin-bottom: .5rem;}
.eventpro-head .c-position-f { left: 0; top: 0; z-index: 5; width: 100%; height: 2.75rem; line-height: 2.75rem; background: #fff; padding: 0 .5rem; text-align: center; font-size: 0;}
.eventpro-head .hd-col { display: inline-block; vertical-align: middle; width: calc(50% - .25rem); height: 2rem; line-height: 2rem; background: #f2f4f6; border-radius: .3rem; padding: 0 .4rem; text-align: left; box-sizing: border-box; cursor: pointer;}
.eventpro-head .hd-col:first-child { margin-right: .5rem; }
.eventpro-head .hd-col >span { display: block; position: relative; width: 100%; padding-right: .75rem; font-size: .8rem; color: #333333; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;  box-sizing: border-box;}
.eventpro-head .hd-col >span::after { content: ''; position: absolute; right: .15rem; top: 50%; width: .5rem; height: .3rem; background: url('../images/arrow-down.png') no-repeat; background-size: 100% 100%; margin-top: -.15rem;}

.eventpro-cont { min-height: calc(100vh - 2.75rem - .5rem); background: #fff; padding: .5rem;}
.eventpro-list-head { height: 2.25rem; background: #17b3ec; border-radius: .5rem .5rem 0 0; padding: 0 .75rem; font-size: 0;}
.eventpro-list-head >span { display: inline-block; vertical-align: top; height: 100%; line-height: 2.25rem; text-align: center; color: #fff; font-size: .75rem; font-weight: bold;}
.eventpro-list-head .hd-col1 { width: 25%;}
.eventpro-list-head .hd-col2 { width: 35%;}
.eventpro-list-head .hd-col3 { width: 40%;text-align: left; padding-left: .5rem;}

.eventpro-list-body { border: 1px solid #e4ecf7; border-top: 0; border-radius: 0 0 .5rem .5rem; padding: 0 .75rem;}
.eventpro-list li { font-size: 0; border-bottom: 1px solid #e4ecf7;}
.eventpro-list li:last-child { border-bottom: none;}
.eventpro-list li >div { display: inline-block; vertical-align: top; height: 2.25rem; line-height: 2.25rem; text-align: center; color: #333; font-size: .75rem;}
.eventpro-list .list-col1 { width: 25%;}
.eventpro-list .list-col2 { width: 35%;}
.eventpro-list .list-col3 { width: 40%; padding-left: .75rem;}
.eventpro-list .pro-con { margin-bottom: 0;justify-content: flex-start;}

.pop-eventpro-mask { position: fixed; left: 0; top: 0; z-index: 9; width: 100%; height: 100%; background: rgba(0,0,0,.7);}
.pop-eventpro-box { position: fixed; left: 0; bottom: 0; z-index: 10; width: 100%; background: #fff; border-radius: 1rem 1rem 0 0;-webkit-animation:intropop 0.3s ease;animation:intropop 0.3s ease;}
@-webkit-keyframes intropop{
    0%{bottom:-50%;}
    100%{bottom:0;}
}
@keyframes intropop{
    0%{bottom:-50%;}
    100%{bottom:0;}
}
.pop-eventpro-box .bx-close { position: absolute; right: .75rem; top: .5rem; z-index: 1; width: 1rem; height: 1rem; background: url('../images/close-pop.png') no-repeat center; background-size: .65rem .65rem;}
.pop-eventpro-box .bx-title { margin: 1rem 0 .35rem; text-align: center; font-size: .9rem; font-weight: bold; color: #000000;}
.pop-eventpro-list { height: 24rem; -webkit-overflow-scrolling: touch;overflow-y: auto; padding: 0 .75rem;}
.pop-eventpro-list .list-row { display: block; height: 2.25rem; line-height: 2.25rem; border-bottom: 1px solid #eee; text-align: center; font-size: .8rem; color: #333;}
.pop-eventpro-list .list-row:last-child { border-bottom: none;}

.table-c {background-color: #fff;min-height: 15rem;position: fixed;bottom: 0;width: 100%;border-radius: 0.5rem 0.5rem 0 0;}
.table-c h3 {font-size: 0.85rem;color: #333333;font-weight: 700;text-align: center;padding: 0.6rem 0;}
.close-mask {display: inline-block;width: 0.6rem;height: 0.6rem;position: absolute;right: 0.75rem;top: 0.6rem;}

.pop-agree-box { position: relative; z-index: 1; overflow: hidden; max-height: 24rem; -webkit-overflow-scrolling: touch; overflow-y: auto; padding: 0 .75rem; text-align: left;}
.pop-agree-box >p { line-height: 1.4; font-size: .7rem; color: #333; margin-bottom: .35rem;}
.pop-agree-box >h5 { margin-bottom: .25rem; font-weight: bold; font-size: .75rem; color: #000;}

.cise-adv img{display: block;width: 100%;}
.cise-adv .swiper-pagination-bullet{background: #fff !important;width: 5px;height: 5px;border-radius: 5px;opacity: 0.8;}
.cise-adv .swiper-pagination-bullet.swiper-pagination-bullet-active{width: 10px!important;background: #000 !important;opacity: 0.5;}
.swiper-container-horizontal>.swiper-pagination{bottom: 2px!important;}
.swiper-container-horizontal>.swiper-pagination .swiper-pagination-bullet{margin: 0 2px !important;}
.tab-list{display: flex;margin-bottom: 0.25rem;padding: 0.25rem 0.5rem;font-size: 0.85rem;color: #999999;width: 100%;}
.tab-list span{padding: 0 0.5rem;position: relative;}
.tab-list span.curr{color: #333333;font-weight: bold;}
.tab-list span.curr:after{content: '';display: inline-block;width: 0.75rem;height: 0.15rem;background: #333333;border-radius: 0.1rem;position: absolute;bottom: -0.25rem;left: 50%;transform: translateX(-50%)}
.tab-list-h{height: 2.5rem;}
.tab-fix{position: fixed;top: 0;background: #f2f5f6;z-index: 9}
.adv-img{width: 15rem;display: block;margin: 3.7rem auto 0.75rem;}
.adv-h{max-height: 90vh;overflow: auto;}
.close-adv{display: block;width: 0.8rem;height: 0.8rem;background: url(../images/close.png) no-repeat center center;background-size: 100% 100%;margin: 0 auto;}

.info-bg{background: url(../images/bg.png) no-repeat top center;background-size: 100% auto;}
.doc-header{display: flex;align-items: center;padding: 1.5rem 0.5rem 1.2rem;font-size: 0.7rem;color: #666666;}
.doc-photo{width: 3.3rem;height: 3.3rem;border: 0.15rem solid #fff;border-radius: 100%;margin-right: 0.8rem;}
.doc-photo img{display: block;width: 100%;height: 100%;border-radius: 100%;}
.doc-header h2{font-size: 0.9rem;color: #000000;font-weight: bold;margin-bottom: 0.1rem;}
.func-item{background: #fff;padding: 0.75rem 1.5rem 0.75rem 0.75rem;border-radius: 0.5rem;position: relative;}
.func-tit{display: flex;align-items: center;font-size: 0.9rem;color: #000000;font-weight: bold;}
.func-tit-l{flex: 1;display: flex;align-items: center;}
.func-ico{width: 1.25rem;height: 1.25rem;margin-right: 0.5rem;}
.func-photo{width: 3.75rem;height: 3.75rem;border-radius: 0.5rem;position: relative;}
.func-photo img{width: 100%;height: 100%;border-radius: 0.5rem;}
.func-item:after{content: '';display: inline-block;width: 0.3rem;height: 0.5rem;background: url(../images/right-ico.png) no-repeat center center;background-size: 100% 100%;margin-left: 0.5rem;position: absolute;right: 0.6rem;top: 50%;transform: translateY(-50%);}
.video-mask{position: absolute;width: 3.75rem;height: 3.75rem;background: rgba(0, 0, 0, 0.5);border-radius: 0.5rem;}
.video-mask>img{width: 1.12rem;height: 1.12rem;margin: 1.3rem;}


.recruit-bg{background: #f2f5f6 url(../images/recruit-bg.png) no-repeat top center;background-size: 100% auto;}
.recruit-talk{background: #ffffff;border-radius: 0.5rem;box-shadow: 0px 0.05rem 0.6rem 0px rgba(124,137,221,0.1);padding: 0.8rem 0.5rem 0.65rem;}
.mt140{margin-top: 7rem;}
.recruit-talk-con{background: url(../images/talk.png) no-repeat center center;background-size: 100% 100%;position: relative;}
.talk-tit{font-size: 0.8rem;color: #162152;font-weight: bold;padding: 0.5rem 0 0.5rem 3.1rem}
.talk-con{font-size: 0.7rem;color: #5e637a;padding: 0 0.6rem 0.6rem 1.9rem;}
.talk-con li{margin-bottom: 0.2rem;position: relative;}
.talk-con li:before{content: '';display: inline-block;width: 0.33rem;height: 0.3rem;background: url(../images/li-ico.png) no-repeat center center;background-size: 100% 100%;position: absolute;left: -0.6rem;top: 0.35rem}
.talk-ico{display: inline-block;width: 1.85rem;position: absolute;top: -0.15rem;left: 0.6rem;}
.talk-ico1{display: inline-block;width: 2.27rem;position: absolute;top: -0.35rem;left: 0.6rem;}
.recruit-tit{display: inline-block;background: url(../images/tit-bg.png) no-repeat center center;background-size: 100% 100%;font-size: 0.85rem;color: #ffffff;font-weight: bold;width: 8.7rem;height: 1.95rem;text-align: center;line-height: 1.95rem;margin: 0 auto 0.7rem;}
.join-list li{background: url(../images/join-bg.png) no-repeat center center;background-size: 100% 100%;height: 4.63rem;font-size: 0.7rem;color: #5e637a;display: flex;box-shadow: 0px 0.05rem 0.6rem 0px #ebe5dc;border-radius: 0.25rem;margin-bottom: 0.75rem;}
.join-list li:last-child{margin-bottom: 0.35rem;}
.join-l{padding: 0.6rem 0.6rem;flex: 1;}
.join-r{width: 4.75rem;font-size: 0.85rem;color: #965c32;font-weight: bold;padding-top: 1.1rem;padding-left: 1.8rem}
.join-l h3{font-size: 0.8rem;color: #162151;font-weight: bold;margin-bottom: 0.15rem;}
.join-l p{text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;}
.talk-view{font-size: 0.7rem;color: #5e637a;padding: 0 0.7rem 1rem;}


.notice-list>li{display: flex;align-items: center;padding: 0.7rem 0;border-bottom: 1px solid #eeeeee;font-size: 0.8rem;color: #000000;}
.notice-list>li:last-child{border-bottom: none;}
.notice-list>li span{flex: 1;padding-right: 1.5rem;}
.notice-list>li a{font-size: 0.75rem;color: #ffffff;background: #4b69fe;border-radius: 0.7rem;width: 3rem;text-align: center;line-height: 1.35rem;}
.text-i{text-indent: 2em;}
.detail-table{border: 1px solid #ececec;}
.detail-table th {padding: 0.5rem 0.25rem;border: 1px solid #ececec;font-size: 0.65rem;color: #666;}
.detail-table tbody td {padding: 0.5rem 0.25rem;border: 1px solid #ececec;font-size: 0.65rem;color: #666;}
.code-img{display: block;margin: 0 auto;width: 10rem;}
.apply-h{height: calc(3.75rem + constant(safe-area-inset-bottom));height: calc(3.75rem + env(safe-area-inset-bottom))}
.apply-btn{background: #fff;box-shadow: 0px -0.1rem 0.25rem 0px rgba(0, 0, 0, 0.05);position: fixed;left: 0;bottom: 0;padding: 0.65rem 0.5rem;width: 100%;}
.apply-btn a{background: #4b69fe;font-size: 0.9rem;color: #ffffff;display: block;line-height: 2.4rem;text-align: center;border-radius: 1.2rem;}

.tab-recruit{width: 100%;height: 2.05rem;}
.tab-recruit-list{display: -webkit-box;font-size: 0.8rem;color: #5e637a;width: 100%;overflow-x: scroll;left: 0;}
.tab-recruit-list li{padding: 0 1rem;position: relative;}
.tab-recruit-list li.curr{font-size: 0.9rem;color: #162151;font-weight: bold;}
.tab-recruit-list li.curr::after{content: '';display: inline-block;width: 1.25rem;height: 0.5rem;background: url(../images/curr.png) no-repeat center center;position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);}
.tab-recruit-list.tab-fix{background: #fff;padding: 0.3rem 0;}
.tab-recruit-list.tab-fix li.curr::after{bottom: 0.3rem;}

/* 活动报名申请 */
.apply-con{background: #fff;border-radius: 0.5rem;padding: 0.75rem;}
.progress-con{display: flex;font-size: 0.65rem;color: #555555;}
.progress-con>div{text-align: center;padding: 0 0.15rem;}
.pro-ground{display: block;width: 1.1rem;height: 1.1rem;border: 0.3rem solid #17B3EC;border-radius: 100%;border-radius: 100%;margin: 0 auto 0.4rem;}
.pro-num{display: inline-block;width: 1.1rem;height: 1.1rem;background: #F2F4F6;font-size: 0.75rem;color: #BFBFBF;line-height: 1.1rem;border-radius: 100%;margin: 0 auto 0.4rem;font-weight: bold;}
.pro-line{flex: 1;background: url(../images/sz/line.png) no-repeat center center;background-size: 100% auto;height: 1.1rem;}
.apply-tit{font-size: 0.85rem;color: #000000;font-weight: bold;margin-bottom: 0.8rem;}
.apply-list{font-size: 0.8rem;color: #333333;}
.apply-list>li{margin-bottom: 0.8rem;display: flex;align-items: center;}
.apply-list>li:last-child{margin-bottom: 0.2rem;}
.apply-list>li:before{content: '';display: inline-block;width: 1rem;height: 1rem;border: 1px solid #ECECEC;border-radius: 100%;margin-right: 0.9rem;box-sizing: border-box;}
.apply-list>li.curr:before{background: #17B3EC url(../images/sz/radio-ed.png) no-repeat center center;background-size: 0.55rem 0.4rem;border: 1px solid #17B3EC;}
.apply-input{margin-bottom: 0.7rem;}
.apply-input h5{font-size: 0.7rem;color: #000000;font-weight: bold;margin-bottom: 0.4rem;}
.apply-input .apply-input-box{background: #F2F4F6;border-radius: 0.35rem;position: relative; cursor: pointer;}
.apply-input .apply-input-box input{display: block;width: 100%; background: transparent;line-height: 1.5rem;;padding: 0.5rem 0 0.5rem 0.85rem;font-size: 0.8rem;color: #333333;}
.apply-input .apply-input-box.arrow >input { width: calc(100% - 1.8rem);}
.apply-input .apply-input-box.box-password { display: flex; align-items: center; padding-right: .5rem;}
.apply-input .apply-input-box.box-password input { width: calc(100% - 1.5rem);}
.input-eyes { display: block; width: 1.5rem; height: 1.5rem; background-repeat: no-repeat; background-position: center; background-size: .8rem .8rem; background-image: url('../images/sz/eye-off.png');}
.input-eyes.open { background-image: url('../images/sz/eye-on.png');}
.apply-input .apply-input-box.box-flex { display: flex; align-items: center;}
.apply-input .apply-input-box.box-flex h5 { width: 4.5rem; padding-left: .6rem; margin-bottom: 0;}

.get-code{font-size: 0.65rem;color: #FFFFFF;position: absolute;right: 0.75rem;background: #17B3EC;line-height: 1.5rem;top: 0.5rem;padding: 0 0.5rem;border-radius: 0.25rem;}
.get-code.disabled{background: #ccc;}
.notice-con{background: rgba(255, 129, 0, 0.1);padding: 0.35rem 0.75rem;font-size: 0.65rem;color: #FF8100;border-radius: 0.4rem;line-height: 1.6}
.notice-ico{width: 0.85rem;height: 0.85rem;margin-right: 0.3rem;position: relative;top: 0.2rem;}
.rule-h{height: 2.75rem;}
.rule-fix{padding: 0.6rem 0.75rem 0.2rem;background: #fff;font-size: 0.65rem;color: #555555;position: fixed;bottom: calc(3.2rem + constant(safe-area-inset-bottom));bottom: calc(3.2rem + env(safe-area-inset-bottom));display: flex;width: 100%;}
.rule-fix:before{content: '';display: inline-block;width: 1rem;height: 1rem;border: 1px solid #ECECEC;border-radius: 100%;margin-right: 0.55rem;box-sizing: border-box;}
.rule-fix.radio-ed:before{background: #17B3EC url(../images/sz/radio-ed.png) no-repeat center center;background-size: 0.55rem 0.4rem;border: 1px solid #17B3EC;}
.rule-fix p{flex: 1;}
.rule-fix a{ position: relative; z-index: 1; color: #333333;}
.btn-h,.btn-fix{height: calc(3.2rem + constant(safe-area-inset-bottom));height: calc(3.2rem + env(safe-area-inset-bottom));width: 100%;}
.btn-fix{position: fixed;bottom: 0; z-index: 5;background: #fff;padding: 0.4rem 0.6rem;}
.btn-fix a{display: block;font-size: 0.9rem;color: #FFFFFF;background: #17B3EC;line-height: 2.4rem;text-align: center;border-radius: 1.2rem;}


/* 信息核实 */
.pro-curr{display: block;width: 1.1rem;height: 1.1rem;background: #17B3EC url(../images/sz/pro-curr.png) no-repeat center center;background-size: 0.65rem 0.65rem;border-radius: 100%;margin: 0 auto 0.4rem;}
.info-con{}
.info-header{background: linear-gradient( 180deg, #3DC1F2 0%, #17B3EC 100%);border-radius: 0.5rem 20px 0px 0px;display: flex;align-items: center;font-size: 0.85rem;color: #FFFFFF;padding: 0.4rem 0 0.85rem 0.4rem;font-weight: bold;}
.info-ico{width: 1.5rem;height: 1.5rem;margin-right: 0.4rem;}
.info-contain{background: #FFFFFF;border-radius: 0.5rem;margin-top: -0.65rem;background: #fff;padding: 1rem 0.75rem 0.8rem;}
.apply-input .apply-input-box.disabled{ background: #E8F6FB;}
.apply-input .apply-input-box.disabled input { opacity: 1; color: #888888; }
.arrow:after{content: '';display: inline-block;width: 0.6rem;height: 0.6rem;background: url(../images/sz/right-ico.png) no-repeat center center;background-size: 100% 100%;position: absolute;right: 0.6rem;top: 50%;transform: translateY(-50%);}
.apply-input .apply-input-box.error{border: 1px solid #FF0000;background: #fff;}
.apply-input .apply-input-box.error input{color: #FF0000;}
.info-tit{font-size: 1rem;color: #2A2E2F;text-align: center;font-weight: bold;padding: 0.85rem 0 0.7rem ;}
.msg-con{font-size: 0.85rem;color: #555555;padding: 0 1rem;margin-bottom: 1rem;}
.close-mask{display: inline-block;width: 1rem;height: 1rem;background: url(../images/sz/close.png) no-repeat center center;background-size: 0.5rem 0.5rem;position: absolute;top: 0.5rem;right: 0.5rem;}

.apply-input-span { display: block; line-height: 1.5; padding: 0.65rem 1.8rem 0.65rem 0.85rem; font-size: .8rem; color: #ccc;}
.apply-input-span.curr { color: #333;}
.apply-input-span.done { padding-right: .65rem; color: #333;}

/* 报名成功 */
.success-ico{width: 4.5rem;height: 4.5rem;display: block;margin: 0.25rem auto 0.5rem;}
.result-tit{font-size: 0.85rem;color: #000000;font-weight: bold;text-align: center;margin-bottom: 0.1rem;}
.result-p{font-size: 0.65rem;color: #888888;text-align: center;}
.warm-con{background: #F2F4F6;border-radius: 0.5rem;padding: 0.75rem;font-size: 0.65rem;color: #888888;margin-bottom: 0.05rem;}
.warm-con h5{color: #000000;margin-bottom: 0.1rem;}
.c-btn-17b3ec {background: #17b3ec;}
.c-btn-white {background: #fff;color: #5b5b5b;border: 1px solid #ececec;}
.result-org{color: #FF8100;}

.rule-css{font-size: 0.85rem;color: #555555;}

.mask-search{display: block;width: 100vw;height: 100vh;position: fixed;background: rgba(0,0,0,0.5);top: 0; z-index: 10;}
.mask-con{background-color: #fff;border-radius: 1rem 1rem 0 0;position: fixed;bottom: 0;width: 100vw;-webkit-animation: popon 0.3s ease;animation: popon 0.3s ease;}
@keyframes popon {
  0% {
    bottom: -50%;
  }
  100% {
    bottom: 0;
  }
}
.mask-con.con-blue { background: linear-gradient( 180deg, #E8F6FB 0%, #FFFFFF 81%, #FFFFFF 100%) no-repeat 0 0 #fff; background-size: 100% 2.75rem; border: 1px solid #fff; border-bottom: none;}
.mask-con .box-tit{padding: 0.75rem 0;text-align: center;font-size: .8rem;font-weight: bold;color: #000;}
.mask-con .box-close{position: absolute;right: 0.5rem;top: 0.35rem;width: 1rem;height: 1rem;background: url(../images/close-pop.png) no-repeat center;background-size: 0.7rem 0.7rem;}
.select-pop{max-height: 65vh;overflow: auto;}
.search-hold {height: 2.5rem;}
.search-div {width: 100%;height: 2.5rem;background-color: #fff;padding: 0.3rem 0.75rem 0.3rem 0.75rem;display: -webkit-box;line-height: 1.9rem;}
.search-box {-webkit-box-flex: 1;background: #f2f5f6;height: 1.9rem;border-radius: 1rem;padding: 0 1.5rem 0 2rem;position: relative;}
input.search-input {display: block;width: 100%;height: 1.9rem;line-height: normal;padding: 0.3rem 0;background: 0 0;box-sizing: border-box;font-size: .75rem;color: #0a2445;}
.search-cancel {display: block;-webkit-box-flex: 0;color: #555;margin-left: 0.75rem;}
.search-list >li {border-bottom: 1px solid #eee;}
.search-list .list-col {display: block;line-height: 1.6;padding: 0.75rem 0.75rem 0.75rem 0;font-size: .8rem;color: #000;}
.icon-search{position: absolute;left: 0.7rem;top: 0;width: 1.5rem;height: 1.9rem;background: url(../images/icon-search.png) no-repeat left center;background-size: 0.9rem 0.9rem;}
.search-box .input-clear {display: none;position: absolute;right: 0;top: 0;width: 1.9rem;height: 1.9rem;background: url(../images/icon-del.png) no-repeat center;background-size: 0.8rem 0.8rem;cursor: pointer;}
.mask-search.c-hide{display: none;}

.apply-title-new { line-height: 1.2; font-size: .8rem; font-weight: bold; color: #000000;}
.apply-title-new.tit-bdb { padding-bottom: .65rem; border-bottom: 1px solid #f2f2f2;}
.apply-title-new .result-org { font-weight: normal; margin-top: .35rem; font-size: .6rem;}
.apply-title-links { display: block; line-height: 1rem; background: url('../images/sz/right-ico-blue.png') no-repeat right center; background-size: .5rem .5rem; padding-right: .7rem; font-size: .6rem; font-weight: normal; color: #17B3EC;}

.applyNew-wrapper .apply-input h5 { margin-bottom: .25rem; color: #555555;}
.applyNew-wrapper .apply-input:last-child { margin-bottom: 0;}
/* 针对曲面屏做的特制 padding */
.applyNew-wrapper .rule-fix { position: inherit; line-height: 1.2rem;padding-left: 0.75rem; padding-right: 0.75rem; padding-top: 1rem; padding-bottom: 1rem; background: transparent; color: #A2A2A2;}
.applyNew-wrapper .rule-fix a { color: #17B3EC;}
.applyNew-wrapper .rule-fix:before { border-color: #A6A6A6;}
.applyNew-wrapper .rule-fix.radio-ed:before { border-color: #17B3EC;}

.apply-userinfo-box { display: flex;}
.apply-userinfo-box .apply-input { flex: 1; margin-bottom: 0;}

.apply-idcard-box { display: flex; margin-bottom: .75rem; padding-top: .25rem;}
.apply-idcard-box .idcard-col { position: relative; width: 6rem; height: 3.9rem; border-radius: .3rem; margin-right: .75rem; background-repeat: no-repeat; background-size: 100% 100%; background-position: 0 0; border: 1px dashed #CFCFCF;}
.apply-idcard-box .idcard-col:first-child { background-image: url('../images/sz/idcard-1.png');}
.apply-idcard-box .idcard-col:last-child { background-image: url('../images/sz/idcard-2.png');}
.apply-idcard-box .idcard-col >img { display: none; position: relative; z-index: 1; width: 100%; height: 100%; border-radius: .3rem;}
.apply-idcard-box .idcard-add { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%);}
.apply-idcard-box .idcard-add >span { display: block; width: 2.05rem; height: 2.05rem; background: url('../images/sz/icon-camera.png') no-repeat center #17B3EC; background-size: 1.1rem 1.1rem; border-radius: 50%; margin: 0 auto .35rem;}
.apply-idcard-box .idcard-add >p { line-height: 1.1; text-align: center; font-size: .6rem; color: #707070;}
.apply-idcard-box .idcard-del { display: none; position: absolute; right: 0; top: 0; z-index: 2; width: 1rem; height: 1rem; background: url('../images/sz/icon-del.png') no-repeat 0 0; background-size: 100% 100%;}
.apply-idcard-box .idcard-col.idcard-upload .idcard-del,.apply-idcard-box .idcard-col.idcard-upload >img { display: block;}

.apply-scan-btn { display: block; height: 1.35rem; line-height: 1.35rem; margin-top: -.25rem; padding: 0 .4rem; background: #17B3EC; border-radius: .2rem; font-weight: normal; font-size: .6rem; color: #fff;}
.apply-scan-btn >i { display: inline-block; vertical-align: middle; width: .9rem; height: .9rem; background: url('../images/sz/icon-camera.png') no-repeat 0 0; background-size: 100% 100%; margin-right: .2rem;}
.apply-input-box .apply-scan-btn { position: absolute; right: .75rem; top: 0.6rem; margin-top: 0;}

.apply-imglist { display: flex; flex-wrap: wrap;}
.apply-imglist >li { display: block; margin: 0 .5rem .5rem 0;}
.apply-imglist .file-btn { display: block; width: 3rem; height: 3rem; background: url('../images/sz/icon-add.png') no-repeat center; background-size: 1rem 1rem; border: 1px dashed #CFCFCF; border-radius: .2rem; cursor: pointer;}
.apply-imglist .file-img { position: relative; width: 3rem; height: 3rem; border-radius: .2rem;}
.apply-imglist .file-img >img { vertical-align: top; width: 100%; height: 100%; border-radius: .2rem;}
.apply-imglist .file-delete { position: absolute; right: 0; top: 0; z-index: 2; width: 1rem; height: 1rem; background: url('../images/sz/icon-del.png') no-repeat 0 0; background-size: 100% 100%;}

.apply-upload-tip { line-height: 1.5; font-size: .6rem; color: #707070;}
.apply-btn-back { display: inline-block; vertical-align: top; width: 6rem; height: 1.85rem; line-height: 1.8rem; border: 1px solid currentColor; border-radius: 2rem; text-align: center; font-size: .8rem; color: #17B3EC;}

.scan-main { position: fixed; left: 0; top: 0; z-index: 99; width: 100%; height: 100%; background: linear-gradient( 180deg, #E8F6FB 0%, #FFFFFF 62%, #FFFFFF 100%) no-repeat 0 0 #fff; background-size: 100% 60%; padding: 2rem 1.375rem 1rem; padding: 2rem 1.375rem calc(1rem + constant(safe-area-inset-bottom)); padding: 2rem 1.375rem calc(1rem + env(safe-area-inset-bottom));}
.scan-main .pic { display: block; width: 9.75rem; height: 9.75rem; margin: 0 auto;}
.scan-title { line-height: 1.2; margin-bottom: .4rem; font-weight: bold; font-size: 1.1rem; color: #000;}
.scan-des { line-height: 1.2; margin-bottom: 1.5rem; font-size: .75rem; color: #666666;}
.scan-tip { text-align: center; line-height: 1.5; font-size: .7rem; color: #666666;}
/* 快照 */
.snapshot-footer { height: 2.5rem; height: calc(2.5rem + constant(safe-area-inset-bottom)); height: calc(2.5rem + env(safe-area-inset-bottom)); padding-bottom: constant(safe-area-inset-bottom); padding-bottom: env(safe-area-inset-bottom); background: #fff;}
.snapshot-footer .ft-row { display: flex; align-items: center; justify-content: center; height: 2.5rem; background: #17B3EC; font-size: .9rem; color: #fff;}

.snapshot-box { overflow: hidden; border-radius: .5rem; margin-bottom: .5rem;}
.snapshot-title {display: flex; height: 2.75rem; line-height: 2rem; background: url('../images/sz/snapshot-tit.png') no-repeat 0 0; background-size: 100% 100%; padding-top: .25rem;}
.snapshot-title .num { width: 2.8rem; height: 2rem; text-align: center; color: #fff; font-weight: bold; font-size: 1rem; font-family: D-DIN-BOLD;}
.snapshot-title >h2 { padding-left: .5rem; font-size: .8rem; font-weight: bold; color: #000;}

.snapshot-info { background: #fff; padding: 0 .75rem;}
.snapshot-info-item { padding-bottom: .25rem; margin-bottom: .5rem; border-bottom: 1px dashed #BFBFBF;}
.snapshot-info-item:last-child { border-bottom: none; margin-bottom: 0;}
.snapshot-info-item >li { display: flex; line-height: 1.5; margin-bottom: .25rem;font-size: .75rem;}
.snapshot-info-item >li .tit { width: 4.5rem; color: #888888;}
.snapshot-info-item >li .des { flex: 1; text-align: right; color: #333333;}

.snapshot-info-img { padding-bottom: .5rem;}
.snapshot-info-img .tit { line-height: 1.2; margin-bottom: .5rem;font-size: .8rem; color: #000;}
.snapshot-info-img >img { vertical-align: top; width: 100%; margin-bottom: .5rem; border-radius: .5rem;}
.snapshot-info-img .c-scence2 { padding: 0;}

.login-tab{display: flex;align-items: center;font-size: 0.65rem;color: #5B5B5B;margin-bottom: 0.75rem}
.login-tab>li{margin-right: 1.5rem;position: relative;}
.login-tab>li.curr{font-size: 0.7rem;color: #000000;font-weight: bold;}
.login-tab>li.curr::after{content: '';display: inline-block;width: 1rem;height: 0.1rem;background: #17B3EC;border-radius: 0.1rem;position: absolute;left: 50%;transform: translateX(-50%);bottom: -0.2rem;}

.apply-card-chose { display: flex; align-items: center; padding: .6rem 0; font-size: .7rem; color: #333333;}
.apply-card-chose .tit { width: 4.5rem;}
.apply-card-chose .apply-card-radio { flex: 1;display: flex; align-items: center;}
.apply-card-chose .apply-card-radio >input { display: none;}
.apply-card-chose .apply-card-radio >label { position: relative; display: block; padding-left: 1.5rem; line-height: 1rem; flex: 0 0 50%;}
.apply-card-chose .apply-card-radio > label:before { content: ''; position: absolute; left: 0; top: 50%; z-index: 1; width: 1rem; height: 1rem; border: 1px solid #ECECEC; border-radius: 100%; margin-top: -.5rem; box-sizing: border-box;}
.apply-card-chose .apply-card-radio >input:checked + label:before {background: #17B3EC url(../images/sz/radio-ed.png) no-repeat center center; background-size: 0.55rem 0.4rem; border: 1px solid #17B3EC;}

.apply-sign { position: relative; overflow: hidden; height: 14rem; border-radius: .35rem; background-color: #F7F7F7;}
.apply-sign .doback { position: absolute; display: none; margin: 0 !important; top: auto; bottom: .35rem; left: auto !important; right: .5rem; padding: .25rem .5rem; border-radius: 1rem; box-shadow: 0 0 20px rgba(0, 0, 0, .1); }

.pop-idcard-content { max-height: 85vh;}
.pop-idcard-content::-webkit-scrollbar { display: none;}
.pop-idcard-content:-webkit-scrollbar-thumb, .pop-idcard-content:-webkit-scrollbar-track { display: none;}
.pop-idcard-box { border-radius: .5rem; background: #F2F4F6; margin-bottom: 0.25rem; padding: 1rem 1rem .75rem;}
.pop-idcard-box .idcard-title { margin-bottom: .25rem; text-align: center;}
.pop-idcard-box .idcard-title >span { position: relative; display: inline-block; vertical-align: top; line-height: 1rem; padding: 0 .45rem; font-size: .8rem; font-weight: bold; color: #000000;}
.pop-idcard-box .idcard-title >span::before,
.pop-idcard-box .idcard-title >span::after { content: ''; position: absolute; top: 50%; width: 3rem; height: 1px; background: linear-gradient(to right, #F2F4F6 0%, #BFBFBF 100%) no-repeat 0 0; background-size: 100% 100%;}
.pop-idcard-box .idcard-title >span::before { right: 100%;}
.pop-idcard-box .idcard-title >span::after { left: 100%; transform: rotate(180deg);}
.pop-idcard-box .idcard-des { line-height: .8rem; margin-bottom: .75rem; text-align: center; font-size: .7rem; font-weight: bold; color: #17B3EC;}
.pop-idcard-box .idcard-pic { width: 10rem; margin: 0 auto;}
.pop-idcard-box .idcard-pic >img { display: block; width: 100%;}

.apply-sign-box { background: linear-gradient( 180deg, #FFEFDE 0%, #FFFFFF 100%) no-repeat 0 0 #fff; background-size: 100% 4rem; border: 1px solid #fff; border-radius: .5rem; padding: .75rem .75rem 1.25rem;}
.apply-sign-box .sign-title { line-height: 1rem; background: url('../images/sz/notice.png') no-repeat 0 0; background-size: .85rem .85rem; padding-left: 1.1rem; margin-bottom: .5rem; font-size: .8rem; color: #FF8100;}
.apply-sign-box .sign-des { line-height: 1rem; font-size: .65rem; color: #FF8100;}