﻿/* 个人中心--首页 */
.person-index { background: linear-gradient(to bottom,#69C72B 2.32rem,transparent 2.32rem); }
.person-index .cpname { padding-left: 1em; }
.person-index .cpname .thumbnail { width: 1.3rem; height: 1.3rem; line-height: 1.3rem; overflow: hidden; }
.person-index .cpname .title { width: 2.8rem; }
.person-index .cpname .icon img { display: block; width: 0.28rem; }
.person-index .plist { margin: 0 -0.1rem; }
.person-index .plist li { padding: 0.1rem; }
.person-index .plist .shadow-light { padding: 0.2rem 0; }
.person-index .plist .shadow-light>img { display: inline-block; width: 1.06rem; }
.person-index .plist li.more div { background: url(http://zyzztop-static-wap.zyzztop.com/bg3.jpg) center no-repeat; background-size: cover; }
.person-index .plist li.more p { line-height: 2.35rem; }
.person-index .applist { margin: 0 -0.1rem; }
.person-index .applist li { padding: 0.1rem; }
.person-index .applist li > div { padding: 0.1rem; position: relative; }
.person-index .applist .thumbnail { flex-shrink: 0; width: 0.85rem; height: 0.85rem; line-height: 0.85rem; }
.person-index .applist .summary { height: 0.6rem; line-height: 0.3rem; overflow: hidden; }
.person-index .applist .tj { position: absolute; top: 0; left: 0; width: 0.4rem; }
.person-index .common-title .btn-group .badge { position: absolute; top: -0.2rem; right: -0.06rem; width: 0.56rem; padding: 0.04rem 0; text-align: center; line-height: 0.28rem; font-size: 0.28rem; border-radius: 0.5rem; transform: scale(0.5); -webkit-transform: scale(0.5); }
/* 个人中心--认证 */
.person-company-authwait, .person-company-authend { position: absolute; top: 0.88rem; bottom: 0; left: 0; right: 0; }
/* 个人中心--业务 */
.person-myservice .plist { margin: 0 -0.1rem; }
.person-myservice .plist li { padding: 0.1rem; }
.person-myservice .plist div { padding: 0.2rem 0; }
.person-myservice .plist img { display: inline-block; width: 1.06rem; }
.person-myservice .applist { margin: 0 -0.1rem; }
.person-myservice .applist li { padding: 0.1rem; }
.person-myservice .applist li > div { padding: 0.1rem; position: relative; }
.person-myservice .applist .thumbnail { flex-shrink: 0; width: 0.85rem; height: 0.85rem; line-height: 0.85rem; }
.person-myservice .applist .summary { height: 0.6rem; line-height: 0.3rem; overflow: hidden; }
/* 个人中心--收藏 */
.person-collection .search input { height: 0.7rem; line-height: 0.7rem; padding-left: 0.2rem; }
.person-collection .search a { height: 0.7rem; line-height: 0.7rem; }
.person-collection .col-3-table .thumbnail { width: 0.8rem; height: 0.8rem; line-height: 0.78rem; margin: 0.15rem auto; vertical-align: middle; }
/* 弹窗内容--申请开通速联外协和设备医院 */
.select-sf { margin-top: -0.2rem; }
.select-sf > div { margin-bottom: 0.2rem; border-radius: 6px; overflow: hidden; position: relative; }
.select-sf > div img { display: block; width: 100%; }
.select-sf > div.checked:before { display: block; content: ""; width: 0.6rem; height: 0.54rem; background: url(http://zyzztop-static-wap.zyzztop.com/check.png) no-repeat; background-size: cover; position: absolute; top: 0; right: 0; }

/*登录注册*/
.logreg-box { position: absolute; min-height: 100%; width: 100%; padding: 0 0.6rem; box-sizing: border-box; background: #fff; }
.logreg-box .ui-form { color: #ABABAB; }
.logreg-box .ui-form .icon-icon-test1 { color: #ABABAB; }
.logreg-box .logo { padding: 1.3rem 0 0.9rem; }
.logreg-box .logo img { display: inline-block; width: 3.8rem; }
.logreg-box .switch { padding-bottom: 0.6rem; }
.logreg-box .switch li { width: 0.6rem; height: 0.6rem; text-align: center; line-height: 0.6rem; margin: 0 0.22rem; border: 1px solid #999999; }
.logreg-box .switch li a { font-size: 0.5rem; color: #999; }
.logreg-box .switch li:last-child a { font-size: 0.4rem; }
.logreg-box .switch li.active { border: 1px solid #69C72B; }
.logreg-box .switch li.active a { color: #69C72B; }

/* 市工会 */
.sgh-list .sgh-sort { line-height: 0.4rem; }
.sgh-list .sgh-sort .asc .icon-icon-test3:before { content: "\e65b"; }
.sgh-list .sgh-item .title { position: relative; }
.sgh-list .sgh-item .icon-yirenzheng { }
.sgh-list .sgh-item .thumbnail { width: 1.46rem; height: 1.46rem; line-height: 1.46rem; }
.sgh-list .sgh-item .info { width: 3.5rem; }
.sgh-list .sgh-item .btn { height: 1.25rem; border-left: 1px dashed #eeeeee; }

.sgh-detail-head .thumbnail { width: 2.14rem; height: 2.14rem; line-height: 2.14rem; border: 1px solid #ddd; }
.sgh-detail-head .summary h2 { max-height: 0.8rem; line-height: 0.4rem; }
.sgh-detail-head .summary span { padding: 0.02rem 0.04rem; }
.sgh-detail-tab .tab-title li.active a { border-bottom: 2px solid #69C72B; color: #69C72B; }
.sgh-detail-tab .list-box { padding-left: 0.4rem; border-bottom: 1px dashed #f0f0f0; }
.sgh-detail-tab .description { padding-left: 0.4rem; }
.sgh-detail-tab .tab-con:last-child .list-box { padding-left: 0; }
.sgh-detail-tab .tab-con:last-child .list-title { margin-left: 4.5em; }
.sgh-detail-tab .tab-con:last-child .description { padding-left: 0; }

/* 金融服务 */
.finance-list .finance-sort { line-height: 0.4rem; }
.finance-list .finance-sort .asc .icon-icon-test3:before { content: "\e65b"; }
.finance-list .finance-item .title { position: relative; }
.finance-list .finance-item .icon-yirenzheng { }
.finance-list .finance-item .thumbnail { width: 1.46rem; height: 1.46rem; line-height: 1.46rem; }
.finance-list .finance-item .info { width: 3.5rem; }
.finance-list .finance-item .btn { height: 1.25rem; border-left: 1px dashed #eeeeee; }

.finance-shaixuan { background-color: #f7f7f7; width: 80%; height: 100%; position: fixed; right: -80%; top: 0; z-index: 999; overflow: hidden; }
.finance-shaixuan .headline { position: absolute; top: 0; bottom: 0.8rem; width: 100%; overflow-y: scroll; box-sizing: border-box; text-align: left; padding-bottom: 0; }
.finance-shaixuan .headline-li { display: block; width: 100%; background: #fff; padding: 0.2rem 0.2rem 0; box-sizing: border-box; margin-bottom: 0.2rem; border-radius: 0.3rem; }
.finance-shaixuan .region-click { margin: 0.15rem 0; }
.finance-shaixuan .region-click li { font-size: 0.2rem; width: 30%; float: left; margin-right: 0.22rem; background: #F2F2F2; border-radius: 0.3rem; text-align: center; padding: 0.06rem 0; height: 0.4rem; line-height: 0.4rem; margin-bottom: 0.2rem; display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 1; -moz-transition: ellipsis; -webkit-box-orient: vertical; overflow: hidden !important; position: relative; }
.finance-shaixuan .region-click > li:nth-child(3n) { margin-right: 0; float: right; }
.finance-shaixuan .region-click .active { background-color: #69C72B; color: #ffffff; }
.finance-shaixuan .screen-btns { width: 100%; box-sizing: border-box; padding: 0.2rem; box-shadow: 0px 3px 5px 1px rgba(86,85,83,0.28); position: absolute; bottom: 0; background-color: #fff; }
.cover { width: 100%; position: fixed; top: 0; left: 0; z-index: 100; height: 100%; background: #000; opacity: 0.6; display: none; }

.finance-detail-head .thumbnail { width: 2.14rem; height: 2.14rem; line-height: 2.14rem; border: 1px solid #A0A0A0; }
.finance-detail-head .summary h2 { max-height: 0.8rem; line-height: 0.4rem; }
.finance-detail-head .summary span { padding: 0.02rem 0.04rem; }
.finance-detail-tab .tab-title li.active a { border-bottom: 2px solid #69C72B; color: #69C72B; }
.finance-detail-tab .list-box { padding-left: 0.4rem; border-bottom: 1px dashed #f0f0f0; }
.finance-detail-tab .description { padding-left: 0.4rem; }
.finance-detail-tab .tab-con:last-child .list-box { padding-left: 0; }
.finance-detail-tab .tab-con:last-child .list-title { margin-left: 4.5em; }
.finance-detail-tab .tab-con:last-child .description { padding-left: 0; }

/* 新闻 */
.news-index .cat { white-space: nowrap; overflow-x: scroll; }
.news-index .list .thumbnail { width: 2.16rem; height: 1.58rem; line-height: 1.58rem; box-sizing: border-box; }
.news-index .list .summary span { line-height: 0.42rem; }
.news-detail { margin: 0.2rem; padding: 0.2rem; }
.news-detail .con img { width: 100%; }

/* 关于我们 */
.about-index .banner h3 { border-bottom: 0.04rem solid #69C72B; }
.about-index .con p { text-indent: 2em; }
.about-index .map { height: 5rem; background-color: rgb(243, 241, 236); }
.about-index .contact p { color: #74889e; line-height: 0.6rem; }
.about-index .album p { bottom: 0; left: 0; height: 0.5rem; line-height: 0.5rem; background: rgba(0,0,0,0.5); }

/* 数字工厂 */
.cloud-index .solution { padding: 0 0.7rem; }
.cloud-index .solution h3, .cloud-index .function h3, .cloud-index .system h3, .cloud-index .scene h3 { font-size: 0.4rem; padding-top: 0.6rem; padding-bottom: 0.48rem; }
.cloud-index .solution dl { height: 1.6rem; }
.cloud-index .solution dt { width: 1.6rem; }
.cloud-index .solution dt span { border-top: 0.8rem #69C72B solid; border-right: 0.2rem #ffffff solid; border-bottom: 0.8rem #ffffff solid; border-left: 0.2rem #69C72B solid; }
.cloud-index .solution dd { padding-left: 0.4rem; padding-right: 0.6rem; position: relative; }
.cloud-index .solution dd:after { content: '”'; position: absolute; right: 0.3rem; bottom: 0; color: #c8c8c8; font-size: 0.48rem; display: block; line-height: 0.48rem; }
.cloud-index .solution dl:nth-child(2) dt { background: url(http://zyzztop-static-wap.zyzztop.com/cloud-solution-icon-1.png) -0.1rem center no-repeat; background-size: 80%; }
.cloud-index .solution dl:nth-child(3) dt { background: url(http://zyzztop-static-wap.zyzztop.com/cloud-solution-icon-2.png) 0 center no-repeat; background-size: 80%; }
.cloud-index .solution dl:nth-child(4) dt { background: url(http://zyzztop-static-wap.zyzztop.com/cloud-solution-icon-3.png) -0.1rem center no-repeat; background-size: 80%; }
.cloud-index .solution dl:nth-child(5) dt { background: url(http://zyzztop-static-wap.zyzztop.com/cloud-solution-icon-4.png) -0.1rem center no-repeat; background-size: 80%; }
.cloud-index .function { background: #1B1B1B; margin-top: 0.9rem; padding-bottom: 0.9rem; }
.cloud-index .function .modules { padding-top: 0.6rem; }
.cloud-index .function .modules img { height:0.6rem; }
/* 智能终端 */
.terminal-index .con1 h3, .terminal-index .con2 h3, .terminal-index .con3 h3 { font-size: 0.4rem; padding-top: 0.5rem; padding-bottom: 0.4rem; }
.terminal-index .con1 p:last-child { width: 80%; padding-top: 0.7rem; padding-bottom: 0.9rem; }
.terminal-index .con2 { background: url(http://zyzztop-static-wap.zyzztop.com/terminal-con2-bj.png) no-repeat #051134; background-size: cover; }
.terminal-index .con2 .ui-tab-nav { background: none; border-bottom: 1px solid #666; }
.terminal-index .con2 .ui-tab-nav li { color: #fff; }
.terminal-index .con2 .ui-tab-nav li.current { color: #69C72B; border-bottom-color: #69C72B; }
.terminal-index .con2 .ui-tab-content { min-height: 5rem; }
.terminal-index .con2 .ui-tab-content li { padding: 0.2rem 0.4rem; display: flex; flex-wrap: wrap; align-items: flex-start; }
.terminal-index .con2 .ui-tab-content img { width: 25%; }
.terminal-index .con3 { padding-bottom: 0.6rem; }
.terminal-index .con3 ul { background: url(http://zyzztop-static-wap.zyzztop.com/terminal-con3-bj.png) center no-repeat; background-size: 1.6rem; position: relative; height: 4rem; width: 4rem; border: 1px dashed #69C72B; margin: 0.65rem auto 0; border-radius: 50%; }
.terminal-index .con3 li { padding: 0.06rem 0.12rem; background-color: #D9F1CA; color: #666666; position: absolute; font-size: 0.24rem; box-sizing: border-box; max-width: 2.6rem; border-radius: 0.1rem; }
.terminal-index .con3 li i { font-size: 0.24rem; margin-right: 0.1rem; }
.terminal-index .con3 li span { font-size: 0.2rem; display: block; height: 0.6rem; line-height: 0.3rem; overflow: hidden; }
.terminal-index .con3 li:nth-child(1) { top: -0.6rem; left: 0.7rem; background-color: #69C72B; color: #fff; }
.terminal-index .con3 li:nth-child(2) { top: 0.7rem; left: -0.7rem; }
.terminal-index .con3 li:nth-child(3) { top: 0.7rem; right: -0.44rem; }
.terminal-index .con3 li:nth-child(4) { top: 1.5rem; left: -1.4rem; }
.terminal-index .con3 li:nth-child(5) { top: 1.5rem; right: -1.4rem; }
.terminal-index .con3 li:nth-child(6) { top: 2.3rem; left: -1.5rem; background-color: #69C72B; color: #fff; }
.terminal-index .con3 li:nth-child(7) { top: 2.3rem; right: -1.5rem; background-color: #69C72B; color: #fff; }
.terminal-index .con3 li:nth-child(8) { bottom: -0.1rem; left: 0.91rem; }
/* 设备医院 */
.hospital-index .con1 h3, .hospital-index .con2 h3, .hospital-index .con3 h3, .hospital-index .con4 h3 { font-size: 0.4rem; padding-top: 0.5rem; padding-bottom: 0.4rem; }
.hospital-index .con2 li img { width: 1rem; }
.hospital-index .con2 li p { height: 3rem; }
.hospital-index .con3 { background: #EFF7E9; padding-bottom: 0.8rem; }

.cloud-index .apply, .terminal-index .apply, .hospital-index .apply { background: url(http://zyzztop-static-wap.zyzztop.com/cloud-footer-background.jpg) no-repeat; background-size: cover; }
.cloud-index .apply p, .terminal-index .apply p, .hospital-index .apply p { padding-top: 0.3rem; padding-bottom: 0.1rem; }
.cloud-index .apply a, .terminal-index .apply a, .hospital-index .apply a { width: 1.6rem; padding: 0.1rem 0; text-align: center; background: #8ADC55; }
.cloud-index .scene, .terminal-index .scene, .hospital-index .scene { padding-bottom: 1rem; }
.cloud-index .banenr, .terminal-index .banenr, .hospital-index .banenr { height: 4rem; }
.cloud-index .banenr img, .terminal-index .banenr img, .hospital-index .banenr img { height: 100%; }
.service-apply-btn { display: inline-block; font-size: 0.24rem; padding: 0.1rem 0.32rem; color: #ffffff; background-color: #07dcb0; background-image: linear-gradient(90deg, #1d9adf 0%, #07dcb0 100%); border-radius: 5px; width: max-content; }


/* 首页 */
@keyframes slideinFromLeft {
	from { transform: translateX(-0.36rem); opacity: 0; }
	to { transform: translateX(0); opacity: 1; }
}

@keyframes slideinFromRight {
	from { transform: translateX(0.36rem); opacity: 0; }
	to { transform: translateX(0); opacity: 1; }
}

#index * { box-sizing: border-box; }
#indes { background-color: #F8F9FC; }
#index .banner { width: 7.5rem; height: 4rem; background-color: #DDDDDD; }
#index .banner > .ui-slider,
#index .banner > .ui-slider > .ui-slider-content,
#index .banner > .ui-slider > .ui-slider-content > li,
#index .banner > .ui-slider > .ui-slider-content > li a,
#index .banner > .ui-slider > .ui-slider-content > li img { height: 100%; width: 100%; }
#index .title { padding: 0.32rem; height: 0.96rem; line-height: 0.32rem; }
#index .title .title-text { float: left; font-size: 0.30rem; font-weight: bold; margin-left: 0.32rem; position: relative; line-height: 0.32rem; }
#index .title .title-text::before { box-sizing: border-box; display: block; content: ' '; width: 0.28rem; height: 0.26rem; border-style: solid; border-color: transparent; border-top-width: 0.13rem; border-bottom-width: 0.13rem; border-left-width: 0.14rem; border-right-width: 0.14rem; border-left-color: #69C72B; position: absolute; left: -0.32rem; top: 0.06rem; }
#index .title .more { display: block; height: 0.32rem; font-size: 0.26rem; float: right; }
#index .outsourced { }
#index .outsourced .content { height: 8.8rem; width: 100%; padding-left: 0.3rem; padding-right: 0; margin-bottom: 0; }
#index .outsourced .content .card { background-color: #FFFFFF; width: 3.35rem; height: 4.1rem; margin-right: 0.2rem; margin-bottom: 0.16rem; float: left; border-radius: 0.06rem; overflow: hidden; }
#index .outsourced .content .card .card-img-box { background-color: #FFFFFF; height: 50%; width: 100%; }
#index .outsourced .content .card .card-img { height: 100%; width: 100%; }
#index .outsourced .content .card .card-title { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; text-overflow: fade; font-size: 0.30rem; color: #666666; margin: 0.16rem 0 0; padding: 0 0.16rem; width: 100%;}
#index .outsourced .content .card .card-text { color: #999999; font-size: 0.24rem; line-height: 0.42rem; padding: 0 0.16rem; }
#index .outsourced .content .card .card-text .high-light { color: #F7B000; }
#index .cloud { background-color: #FFFFFF; }
#index .cloud .cloud-content .cloud-content-inner { width: 100%; height: 100%; opacity: 0; transition: opacity 0.5s ease-out; padding-top: 0.32rem; display: block; overflow: visible; }
#index .cloud .cloud-content .current .cloud-content-inner { display: block; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; opacity: 1; transition: opacity 0s; z-index: 5; }
#index .cloud .cloud-content .cloud-content-inner .cloud-content-inner-page1-line { width: 100%; height: 1.3rem; position: relative; padding-left: 0.32rem; }
#index .cloud .cloud-content .cloud-content-inner .cloud-content-inner-page1-line .cloud-content-inner-page1-line-img { width: 2.8rem; height: 1.2rem; background-size: 100%; background-repeat: no-repeat; background-position: center; position: relative; top: 0; }
#index .cloud .cloud-content .cloud-content-inner .cloud-content-inner-page1-line.img-left .cloud-content-inner-page1-line-img { float: left; }
#index .cloud .cloud-content .cloud-content-inner .cloud-content-inner-page1-line.img-right .cloud-content-inner-page1-line-img { float: right; right: 0.32rem; }
#index .cloud .cloud-content .cloud-content-inner .cloud-content-inner-page1-line .cloud-content-inner-page1-line-img#page1LineImage1 { background-image: url("http://zyzztop-static-pc.zyzztop.com/index-cloud-content-page1-item1.png"); }
#index .cloud .cloud-content .cloud-content-inner .cloud-content-inner-page1-line .cloud-content-inner-page1-line-img#page1LineImage2 { background-image: url("http://zyzztop-static-pc.zyzztop.com/index-cloud-content-page1-item2.png"); }
#index .cloud .cloud-content .cloud-content-inner .cloud-content-inner-page1-line .cloud-content-inner-page1-line-img#page1LineImage3 { background-image: url("http://zyzztop-static-pc.zyzztop.com/index-cloud-content-page1-item3.png"); }
#index .cloud .cloud-content .cloud-content-inner .cloud-content-inner-page1-line .cloud-content-inner-page1-line-text { line-height: 1.3rem; position: absolute; top: 0; font-size: 0.26rem; font-weight: 300; font-weight: lighter; }
#index .cloud .cloud-content .cloud-content-inner .cloud-content-inner-page1-line .cloud-content-inner-page1-line-text b { font-weight: normal; font-weight: 400; margin: 0 0.06rem; color: #69C72B; font-size: 0.30rem; }
#index .cloud .cloud-content .cloud-content-inner .cloud-content-inner-page1-line.img-left .cloud-content-inner-page1-line-text { left: 3.6rem; white-space: nowrap; }
#index .cloud .cloud-content .cloud-content-inner .cloud-content-inner-page1-line.img-right .cloud-content-inner-page1-line-text { left: 1.5rem; white-space: nowrap; }
#index .cloud .cloud-content .current .cloud-content-inner .cloud-content-inner-page1-line.img-left { -webkit-animation: 1s ease-out slideinFromRight; -webkit-animation-fill-mode: both; animation: 1s ease-out slideinFromRight; animation-fill-mode: both; }
#index .cloud .cloud-content .current .cloud-content-inner .cloud-content-inner-page1-line.img-right { -webkit-animation: 1s ease-out slideinFromLeft; -webkit-animation-fill-mode: both; animation: 1s ease-out slideinFromLeft; animation-fill-mode: both; }
#index .cloud .cloud-content .cloud-content-inner .cloud-content-inner-page2-card { width: 3.75rem; height: 1.42rem; float: left; padding-left: 0.3rem; padding-top: 0.12rem; padding-bottom: 0.40rem; line-height: 0.9rem; }
#index .cloud .cloud-content .cloud-content-inner .cloud-content-inner-page2-card .cloud-content-inner-page2-icon { width: 0.9rem; height: 0.9rem; float: left; }
#index .cloud .cloud-content .cloud-content-inner .cloud-content-inner-page2-card .cloud-content-inner-page2-card-title { font-size: 0.26rem; color: #333333; margin-left: 0.18rem; float: left; }
#index .cloud .cloud-content .current .cloud-content-inner .cloud-content-inner-page2-card { -webkit-animation: 1s ease-out slideinFromRight; -webkit-animation-fill-mode: both; animation: 1s ease-out slideinFromRight; animation-fill-mode: both; }
#index .cloud .cloud-content .cloud-content-inner .cloud-content-inner-page3-card { width: 3.75rem; height: 1.8rem; float: left; padding-left: 0.3rem; padding-top: 0.12rem; padding-bottom: 0.40rem; line-height: 0.9rem; }
#index .cloud .cloud-content .cloud-content-inner .cloud-content-inner-page3-card .cloud-content-inner-page3-icon { width: 0.9rem; height: 0.9rem; float: left; }
#index .cloud .cloud-content .cloud-content-inner .cloud-content-inner-page3-card .cloud-content-inner-page3-card-text-box { float: left; width: 2.55rem; }
#index .cloud .cloud-content .cloud-content-inner .cloud-content-inner-page3-card .cloud-content-inner-page3-card-title { font-size: 0.26rem; color: #333333; margin-left: 0.18rem; line-height: 0.72rem; height: 0.72rem; }
#index .cloud .cloud-content .cloud-content-inner .cloud-content-inner-page3-card .cloud-content-inner-page3-card-text { font-size: 0.26rem; color: #999999; margin-left: 0.18rem; line-height: 0.30rem; }
#index .cloud .cloud-content .current .cloud-content-inner .cloud-content-inner-page3-card { -webkit-animation: 1s ease-out slideinFromRight; -webkit-animation-fill-mode: both; animation: 1s ease-out slideinFromRight; animation-fill-mode: both; }
#index .map { position: relative; background-color: #000000; width: 100%; height: 6.5rem; }
#index .map .map-main { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
#index .map .map-map { background-size: 100%; background-repeat: no-repeat; background-image: url("http://zyzztop-static-wap.zyzztop.com/index-map-map.png"); position: absolute; left: 1.3rem; top: 0.72rem; width: 4.66rem; height: 4.19rem; }

@keyframes points-kirakira {
	0%, 30% { filter: drop-shadow(0 0 0 white); opacity: 0.9; }
	10%, 20% { filter: drop-shadow(0 0 0.08rem white); opacity: 1; }
}

#index .map .map-points { background-size: 100%; background-repeat: no-repeat; background-image: url("http://zyzztop-static-wap.zyzztop.com/index-map-points.png"); position: absolute; left: 1.3rem; top: 0.72rem; width: 4.66rem; height: 4.19rem; animation: points-kirakira infinite 3s 0s linear both; }
#index .map .map-show-values { position: absolute; top: 5.1rem; left: 0; height: 0.72rem; margin: 0 0.87rem; }
#index .map .map-show-value-box { width: 1.28rem; margin: 0 0.32rem; height: 0.72rem; float: left; }
#index .map .map-show-value-box .map-show-value-box-value { font-weight: bold; font-size: 0.32rem; color: #69C72B; width: 1.28rem; text-align: center; }
#index .map .map-show-value-box .map-show-value-box-title { font-weight: bold; font-size: 0.28rem; color: #FFFFFF; width: 2.56rem; -webkit-transform-origin-x: 0; transform-origin-x: 0; -webkit-transform: scale(0.5); transform: scale(0.5); text-align: center; }
#index .map .title .title-text { color: #FFFFFF; }
#index .partner { background-color: #FFFFFF; width: 100%; height: 5.4rem; }
#index .partner .partner-content { width: 100%; height: 4rem; position: relative; }

@keyframes rollerUp {
	0% { background-position: top 5.4rem left 0; }
	100% { background-position: top 0 left 0; }
}

#index .partner .partner-content .partner-partners { background-repeat: repeat-y; background-size: 100% auto; background-position: top; background-image: url("http://zyzztop-static-wap.zyzztop.com/index-partner-partners.png"); animation: rollerUp infinite 15s 0s linear both; }
#index .partner .partner-content .partner-partners,
#index .partner .partner-content .partner-overlayer-top,
#index .partner .partner-content .partner-overlayer-bottom { width: 100%; height: 4rem; position: absolute; top: 0; left: 0; }
#index .partner .partner-content .partner-overlayer-top { background-image: linear-gradient(0deg, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0) 50%, transparent); }
#index .partner .partner-content .partner-overlayer-bottom { background-image: linear-gradient(180deg, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0) 50%, transparent); }
#index .news { width: 100%; }
#index .news .news-content { padding: 0 4vw; }
#index .news .news-content .news-card { width: 100%; height: 1.9rem; margin: 0 0 0.2rem; background-color: #FFFFFF; }
#index .news .news-content .news-card .news-card-img { float: left; margin-left: 0.1rem; width: 2.17rem; height: 1.52rem; margin-top: 0.19rem; margin-bottom: 0.19rem; }
#index .news .news-content .news-card .news-card-title { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; text-overflow: fade; line-height: 0.3rem; font-size: 0.3rem; color: #333333; padding: 0.19rem 0.2rem 0 0.16rem; height: 0.49rem; font-weight: bold; font-weight: 500; }
#index .news .news-content .news-card .news-card-text { color: #666666; font-size: 0.24rem; overflow: hidden; text-overflow: ellipsis; text-overflow: fade; padding: 0.14rem 0.2rem 0 0.16rem; line-height: 0.32rem; height: 0.78rem; display: inline-block; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
#index .news .news-content .news-card .news-card-time { color: #999999; margin-top: 0.12rem; padding-left: 0.16rem; font-size: 0.24rem; line-height: 0.24rem; height: 0.24rem; display: inline-block; display: -webkit-box; }
#index .news .news-content .news-card .news-card-time .news-card-time-icon { color: #F7B000; font-size: 0.24rem; margin-right: 0.12rem; }
#index .ui-tab-nav li { border-bottom-color: #E2E2E2; border-bottom-width: 1px; border-bottom-style: solid; }
#index .ui-tab-nav li.current { border-bottom-color: #69C72B; color: #69C72B; }

/** AppStore 首页 */
#appStore * { box-sizing: border-box; }
#appStore { background-color: #F8F9FC; }
#appStore .title-box { width: 100%; height: 1.2rem; text-align: center; margin-bottom: 0.14rem; }
#appStore .title-box .title-box-title { height: 0.96rem; line-height: 0.96rem; font-size: 0.32rem; color: #333333; font-weight: 400; }
#appStore .title-box .title-box-description { font-size: 0.24rem; height: 0.24rem; line-height: 0.24rem; font-weight: 400; color: #333333; }
#appStore .card-box { width: 100%; height: 9.04rem; padding-left: 0.4rem; }
#appStore .group1 .card-box .app-card:active{ border-bottom-color: #029BFD; }
#appStore .group1 .card-box .app-card-btn{ color: #029BFD; border-color: #029BFD; }
#appStore .group1 .card-box .app-card:active .app-card-btn{  background-color: #029BFD; }
#appStore .group1 .card-box .app-card:active .app-card-learn-more,
#appStore .group1 .card-box .app-card:hover .app-card-learn-more,
#appStore .group1 .card-box .app-card:focus .app-card-learn-more,
#appStore .group1 .card-box .app-card.active .app-card-learn-more{ color: #029BFD; }
#appStore .group2 .card-box .app-card:active{ border-bottom-color: #67C72B; }
#appStore .group2 .card-box .app-card-btn{ color: #67C72B; border-color: #67C72B; }
#appStore .group2 .card-box .app-card:active .app-card-btn{  background-color: #67C72B; }
#appStore .group2 .card-box .app-card:active .app-card-learn-more,
#appStore .group2 .card-box .app-card:hover .app-card-learn-more,
#appStore .group2 .card-box .app-card:focus .app-card-learn-more,
#appStore .group2 .card-box .app-card.active .app-card-learn-more{ color: #67C72B; }
#appStore .group3 .card-box .app-card:active{ border-bottom-color: #F7AF00; }
#appStore .group3 .card-box .app-card-btn{ color: #F7AF00; border-color: #F7AF00; }
#appStore .group3 .card-box .app-card:active .app-card-btn{  background-color: #F7AF00; }
#appStore .group3 .card-box .app-card:active .app-card-learn-more,
#appStore .group3 .card-box .app-card:hover .app-card-learn-more,
#appStore .group3 .card-box .app-card:focus .app-card-learn-more,
#appStore .group3 .card-box .app-card.active .app-card-learn-more{ color: #F7AF00; }
#appStore .card-box .app-card { background-color: #FFFFFF; padding-top:0.1rem; width: 3.2rem; height: 4.1rem; margin-right: 0.3rem; margin-top: 0.36rem; float: left; box-shadow: 0 0.04rem 0.17rem 0.02rem rgba(239, 239, 239, 0.89); text-align: center; }
#appStore .card-box .app-card.active,
#appStore .card-box .app-card:hover,
#appStore .card-box .app-card:focus,
#appStore .card-box .app-card:active { border-bottom-width: 0.04rem; border-bottom-style:solid; }
#appStore .card-box .app-card .app-card-img { height: 2rem; display: block; margin:0 auto; }
#appStore .card-box .app-card .app-card-title { width: 100%; font-size: 0.32rem; height: 0.78rem; line-height: 0.78rem; color: #333333; display: block; font-weight: 300; }
#appStore .card-box .app-card .app-card-btn { font-size: 0.26rem; padding: 0.04rem 0.24rem; border-width: 0.01rem; border-style:solid; width: 1.6rem; display:inline-block; margin: 0 auto; text-align: center; }
#appStore .card-box .app-card.active .app-card-btn,
#appStore .card-box .app-card:hover .app-card-btn,
#appStore .card-box .app-card:focus .app-card-btn,
#appStore .card-box .app-card:active .app-card-btn { color: #FFFFFF; transition: all 0.3s ease-in; }
#appStore .card-box .app-card .app-card-learn-more { color: #999999; font-size: 0.24rem; font-weight: 300; width: 100%; display: block; text-align: center; height: 0.80rem; line-height: 0.80rem; }
#appStore .banner { width: 7.5rem; height: 4rem; background-color: #DDDDDD; }
#appStore .banner > .ui-slider,
#appStore .banner > .ui-slider > .ui-slider-content,
#appStore .banner > .ui-slider > .ui-slider-content > li,
#appStore .banner > .ui-slider > .ui-slider-content > li a #appStore .banner > .ui-slider > .ui-slider-content > li img { height: 100%; }
#appStore .banner > .ui-slider > .ui-slider-content > li a,
#appStore .banner > .ui-slider > .ui-slider-content > li img { width: 100%; }
#appStore .platform { width: 100%; padding-bottom: 0.32rem; }
#appStore .platform .platform-btn { width: 6.7rem; height: 1.64rem; padding: 0.50rem 0; margin: 0.2rem auto 0; border-radius: 0.1rem; background-size: 100%, 100%; position: relative; }
#appStore .platform .platform-btn > * { height: 0.64rem; float: left; }
#appStore .platform .platform-btn .platform-icon { background-size: 100%; background-repeat: no-repeat; width: 0.64rem; margin-left: 1.08rem; }
#appStore .platform .platform-btn .platform-name { color: #FFFFFF; font-size: 0.3rem; line-height: 0.64rem; font-weight: 400; margin-left: 0.32rem; width: 2.4rem; }
#appStore .platform .platform-btn .platform-learn-more { color: #FFFFFF; font-size: 0.24rem; line-height: 0.64rem; font-weight: 400; }
#appStore .platform .platform-btn .platform-icon.platform-win { background-image: url("http://zyzztop-static-wap.zyzztop.com/app_icon_windows.png"); }
#appStore .platform .platform-btn .platform-icon.platform-android { background-image: url("http://zyzztop-static-wap.zyzztop.com/app_icon_android.png"); }
#appStore .platform .platform-btn .platform-icon.platform-ios { background-image: url("http://zyzztop-static-wap.zyzztop.com/app_icon_ios.png"); }
#appStore .platform .platform-btn.platform-win { background-image: url("http://zyzztop-static-wap.zyzztop.com/app_platform_windows.png"), linear-gradient(90deg, rgba(49, 208, 190, 1) 0%, rgba(17, 188, 207, 1) 100%); }
#appStore .platform .platform-btn.platform-android { background-color: rgba(60, 187, 246, 1); background-image: url("http://zyzztop-static-wap.zyzztop.com/app_platform_android.png"); }
#appStore .platform .platform-btn.platform-ios { background-color: rgba(247, 176, 0, 1); background-image: url("http://zyzztop-static-wap.zyzztop.com/app_platform_ios.png"); }
/** AppStore 详情 */
.appstore-detail .thumbnail { height: 3.6rem; line-height: 3.6rem; margin: 0 -0.2rem; }
.appstore-detail .title { height: 0.4rem; line-height: 0.4rem; }
.appstore-detail .title a { width: 0.4rem; height: 0.4rem; }
.appstore-detail .tags a { padding-left: 0.1rem; padding-right: 0.1rem; }
.appstore-detail .btns a { border: 0; }
.appstore-detail .con { word-break: break-all; }

/** AppStore List */
#appStoreList * { margin: 0; padding: 0; box-sizing: border-box; }
#appStoreList .banner { width: 100%; height: 1.1rem; overflow: hidden; background-color: #555961; }
#appStoreList .banner .inner { white-space: nowrap; /*文本不会换行，文本会在在同一行上继续*/  }
#appStoreList .banner .inner .tab { width: 1.875rem; height: 1.1rem; display: inline-block; /*行内块元素*/ color: #ffffff; font-size: 0.3rem; line-height: 1.1rem; text-align: center; }
#appStoreList .banner .inner .tab.active { color: #69c72b; }
#appStoreList .banner .inner .tab:active { background-color: rgba(255, 255, 255, 0.1); }
#appStoreList .cards .card { width: 7.1rem; height: 2rem; margin-top: 0.2rem; margin-left: 0.2rem; margin-right: 0.2rem; background-color: #ffffff; position: relative; }
#appStoreList .cards .card .card-img { display: block; width: 2.16rem; height: 1.58rem; margin-top: 0.22rem; margin-bottom: 0.2rem; margin-left: 0.1rem; background-color: #eeeeee; float: left; }
#appStoreList .cards .card .card-context { float: left; width: 4.84rem; height: 100%; padding-left: 0.16rem; padding-top: 0.3rem; padding-right: 0.16rem; }
#appStoreList .cards .card .card-context .card-title { font-size: 0.3rem; color: #333333; line-height: 0.32rem; font-weight: 500; }
#appStoreList .cards .card .card-context .card-description { font-size: 0.24rem; color: #666666; line-height: 0.3rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-top: 0.22rem; }
#appStoreList .cards .card .card-context .card-tags { margin-top: 0.28rem; white-space: nowrap; overflow: hidden; width: 100%; }
#appStoreList .cards .card .card-context .card-tags .card-roller { white-space: nowrap; overflow-y: auto; width: 100%; }
#appStoreList .cards .card .card-context .card-tags .card-roller .card-tag { --tag-theme-color: #69c72b; --tag-bg-color: #edfae4; display: inline-block; background-color: var(--tag-bg-color); border: 1px solid var(--tag-theme-color); border-radius: 0.05rem; line-height: 0.36rem; font-size: 0.24rem; color: var(--tag-theme-color); padding: 0 0.12rem; margin-right: 0.16rem; }
#appStoreList .cards .card .card-context .card-tags .card-roller .card-tag.android { --tag-theme-color: #029cfe; --tag-bg-color: #e1f3ff; }
#appStoreList .cards .card .card-context .card-tags .card-roller .card-tag.windows { --tag-theme-color: #12bdcf; --tag-bg-color: #d9fafd; }
#appStoreList .cards .card .card-context .card-tags .card-roller .card-tag.ios { --tag-theme-color: #f7b000; --tag-bg-color: #fef4da; }
#appStoreList .loading { text-align: center; color: #999; font-size: 0.26rem; height: 1.2rem; display: flex; justify-content: center; align-items: center; line-height: 1.2rem; }



.service-context { background: #F8F9FC; margin-bottom: 0.6rem; }
.service-context .service-page { position: relative; }
.service-context .service-messages { position: absolute; width: 3.1rem; top: 10%; left: 0.5rem; color: white; }
.service-context .service-messages h1 { font-size: 0.3rem; margin-bottom: 0.2rem; }
.service-context .service-messages div { font-size: 0.24rem; margin-bottom: 0.4rem; }
.service-context .service-messages a { background-image: url(http://zyzztop-static-wap.zyzztop.com/butBj.png); background-size: 100% 100%; color: white; font-size: 0.2rem; display: block; width: 1.5rem; padding: 0.15rem 0; text-align: center; border-radius: 0.1rem; }
.service-context .service-list ul { padding: 0 0.4rem; margin-bottom: 0.75rem; }
.service-context .service-list ul li { display: flex; justify-content: center; align-items: center; background: white; height: 1.65rem; margin-top: 0.2rem; }
.service-context .service-list ul li > div { width: 48%; }
.service-context .service-list ul li img { width: 1rem; margin-right: 0.35rem; }
.service-context .service-list ul li h1 { font-size: 0.37rem; line-height: 0.37rem; color: #69C72B; margin-bottom: 0.2rem; }
.service-context .service-list ul li p { color: #4F4F4F; font-size: 0.24rem; line-height: 0.24rem; }
.service-context .service-title { text-align: center; font-size: 0.4rem; color: #2C2C2C; line-height: 0.4rem; }
.service-context .serve-logo1 { width: 70%; margin: 0 auto; display: block; margin-bottom: 0.4rem; }
.service-context .apply-immediately { width: 100%; background-image: url(http://zyzztop-static-wap.zyzztop.com/butBj.png); background-size: 100% 100%; color: white; height: 0.9rem; display: flex; align-items: center; justify-content: center; border-radius: 0.5rem; font-size: 0.28rem; }
.service-context .serve-logo2-title { width: 100%; position: absolute; left: 0; top: 0.5rem; font-size: 0.4rem; color: white; text-align: center; }
.service-context .service-advantage > ul > li { width: calc(50% - 0.15rem ); background-color: white; box-shadow: 0px 2px 24px 0px rgba(175,175,175,0.2); float: left; margin-right: 0.3rem; margin-bottom: 0.4rem; padding-bottom: 0.4rem; }
.service-context .service-advantage > ul > li:nth-child(2n) { margin-right: 0; }
.service-context .service-advantage > ul > li .logos { width: 100%; }
.service-context .service-advantage > ul > li .title { text-align: center; font-size: 0.28rem; color: #2C2C2C; font-weight: 600; border-bottom: 1px dashed #EEEEEE; padding-bottom: 0.15rem; width: 90%; margin: 0.1rem auto 0.40rem auto; }
.service-context .service-advantage > ul > li .cont { font-size: 0.22rem; line-height: 0.36rem; color: #808080; text-align: justify; padding: 0 0.2rem; height: 2.5rem; }
.service-context .service-advantage > ul > li .industry-list li .icon-lingxing { font-size: 0.2rem; margin-right: 0.2rem; }
/* .service-context .service-advantage > ul > li .industry-list li .lingx { display: inline-block; width: 0; height: 0; border: 0.07rem solid transparent; border-bottom: 0.07rem solid #959595; position: relative; top: -0.08rem; margin-right: 0.1rem; }
.service-context .service-advantage > ul > li .industry-list li .lingx:after { content: ''; position: absolute; left: -0.07rem; top: 0.06rem; width: 0; height: 0; border: 0.07rem solid transparent; border-top: 0.07rem solid #959595; } */
.service-context .service-slider { background-color: #69C72B; padding: 0.2rem; padding-bottom: 0.5rem; }
.service-context .service-slider h1 { text-align: center; color: white; font-size: 0.3rem; margin: 0.3rem 0; }
.service-context .service-slider p, .service-slider li { text-align: justify; color: white; font-size: 0.26rem; line-height: 0.42rem; }
.service-context .service-content .ui-slider-indicators .current { width: 0.5rem; border-radius: 0.1rem; background-color: transparent; }
.service-context .service-content .ui-slider-indicators li.current:before { width: 0.5rem; border-radius: 0.1rem; }
.service-context .scrol-slider-content { width: 240%; }
.service-context .scrol-slider-content .service-slider { width: 80%; background-color: transparent; padding: 0.2rem; }
.service-context .scrol-slider-content .service-slider > div { background-color: #69C72B; color: white; padding: 0.2rem 0.2rem 0.5rem 0.2rem; }
.service-context .scrol-slider-content .service-slider img { width: 100%; }
