.developer-activity{font-size:0;min-width:1180px}.developer-activity .btn-apply{cursor:pointer}@media (min-width:1024px){.developer-activity .po-container{margin:-10px}.developer-activity .po-row{padding:0;margin:0}.developer-activity .po-row [class^=po-col-]{padding:10px}}.developer-activity .swiper-container .swiper-button-next.swiper-button-disabled,.developer-activity .swiper-container .swiper-button-prev.swiper-button-disabled{display:none}.developer-activity .swiper-container .swiper-arrow{position:absolute;z-index:2;-webkit-background-size:100% 100%;-moz-background-size:100% 100%;background-size:100% 100%;top:-webkit-calc(50% - 4px);top:-moz-calc(50% - 4px);top:calc(50% - 4px);height:52px;width:32px}.developer-activity .swiper-container .swiper-arrow.swiper-button-prev{left:10px;background:url(../images/developer-activity-swiper-left.png) no-repeat 50%;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover}.developer-activity .swiper-container .swiper-arrow.swiper-button-next{right:10px;background:url(../images/developer-activity-swiper-right.png) no-repeat 50%;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover}.developer-activity .section-info.mb{display:none}.developer-activity #container{background-color:#33189b;background-image:url(../images/developer-activity-banner-7_devops.jpg);background-repeat:no-repeat;background-position:top}.developer-activity .content-box img{width:auto;height:auto;display:inline-block}.developer-activity .wrapper-top.tint .leader-poster .poster-content .poster-content-box,.developer-activity .wrapper-top.tint .leader-poster .poster-content .poster-content-box .poster-caption,.developer-activity .wrapper-top.tint .leader-poster .poster-content .poster-content-box .poster-text{color:#252b3a}.developer-activity .wrapper-top .leader-poster{height:350px;width:100%}.developer-activity .wrapper-top .leader-poster .poster-content{max-width:1180px}.developer-activity .wrapper-top .leader-poster .poster-content .poster-content-box{text-align:left;padding-top:76px;color:#fff}.developer-activity .wrapper-top .leader-poster .poster-content .poster-content-box .poster-pre-text{font-size:24px;height:24px;line-height:1;margin-bottom:18px}.developer-activity .wrapper-top .leader-poster .poster-content .poster-content-box .poster-caption{margin-bottom:18px}.developer-activity .wrapper-top .leader-poster .poster-content .poster-content-box .poster-text{margin-bottom:33px;font-size:18px;line-height:22px}.developer-activity .wrapper-top .leader-poster .poster-content .poster-content-box .btns .btn-apply{width:133px;height:40px;font-size:18px}.developer-activity .wrapper{padding-bottom:50px;margin-top:-1px;width:100%}.developer-activity .wrapper>div:first-child .developer-section{margin-top:0}.developer-activity .wrapper .developer-section{text-align:center;max-width:1180px;margin:50px auto 0}.developer-activity .wrapper .developer-section.tint .section-title .title{color:#252b3a}.developer-activity .wrapper .developer-section.tint .section-info{color:#666a75}.developer-activity .wrapper .developer-section .content-box{margin-top:30px}.developer-activity .wrapper .developer-section .content-box.content-box-mb{display:none}.developer-activity .wrapper .developer-section.experience-intro{background:url(../images/developer-activity-contain-bg.png) no-repeat 50%/cover;padding:35px 35px 30px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}.developer-activity .wrapper .developer-section.experience-intro.tint{-webkit-box-shadow:0 8px 16px 0 rgba(134,139,203,.3);-moz-box-shadow:0 8px 16px 0 rgba(134,139,203,.3);box-shadow:0 8px 16px 0 rgba(134,139,203,.3)}.developer-activity .wrapper .developer-section.experience-intro .img-cover,.developer-activity .wrapper .developer-section.experience-intro .introduce-cover{display:inline-block}.developer-activity .wrapper .developer-section.experience-intro .img-cover{margin-right:17px}.developer-activity .wrapper .developer-section.experience-intro .introduce-cover{text-align:left;width:-webkit-calc(100% - 198px);width:-moz-calc(100% - 198px);width:calc(100% - 198px)}.developer-activity .wrapper .developer-section.experience-intro .introduce-cover .introduce .title{vertical-align:middle;letter-spacing:0;line-height:38px;font-size:28px;display:inline-block;color:#fff}.developer-activity .wrapper .developer-section.experience-intro .introduce-cover .intro-content{line-height:20px;margin-top:15px;font-size:16px;display:inline-block;color:#fff}.developer-activity .wrapper .developer-section.devops-nav-block{margin-top:0}.developer-activity .wrapper .developer-section.devops-nav-block.tint .devops-nav-cover{-webkit-box-shadow:0 8px 16px 0 rgba(134,139,203,.3);-moz-box-shadow:0 8px 16px 0 rgba(134,139,203,.3);box-shadow:0 8px 16px 0 rgba(134,139,203,.3)}.developer-activity .wrapper .developer-section.devops-nav-block .devops-nav-cover{width:100%;background:url(../images/developer-activity-bg-devops-nav.png) no-repeat 50%;padding:20px 0;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}.developer-activity .wrapper .developer-section.devops-nav-block .devops-nav-cover .devops-nav-item{width:33.333%;display:inline-block;padding-left:50px}.developer-activity .wrapper .developer-section.devops-nav-block .devops-nav-cover .devops-nav-item .img-block{display:inline-block;vertical-align:middle;width:64px;height:64px}.developer-activity .wrapper .developer-section.devops-nav-block .devops-nav-cover .devops-nav-item .img-block img{height:100%;width:100%}.developer-activity .wrapper .developer-section.devops-nav-block .devops-nav-cover .devops-nav-item .devops-nav-box{display:inline-block;width:-webkit-calc(100% - 86px);width:-moz-calc(100% - 86px);width:calc(100% - 86px);vertical-align:middle;text-align:left;color:#fff;margin-left:22px}.developer-activity .wrapper .developer-section.devops-nav-block .devops-nav-cover .devops-nav-item .devops-nav-box .devops-nav-detail,.developer-activity .wrapper .developer-section.devops-nav-block .devops-nav-cover .devops-nav-item .devops-nav-box .devops-nav-intro{opacity:.8;font-size:14px;line-height:18px}.developer-activity .wrapper .developer-section.devops-nav-block .devops-nav-cover .devops-nav-item .devops-nav-box .devops-nav-title{font-size:18px;line-height:22px;margin:5px 0}.developer-activity .wrapper .developer-section.devops-nav-block .devops-nav-cover .devops-nav-item:not(:last-child){border-right:1px solid hsla(0,0%,100%,.2)}.developer-activity .wrapper .developer-section.nav-sidebar-block.tint ul{color:#252b3a;-webkit-box-shadow:0 8px 16px 0 rgba(134,139,203,.3);-moz-box-shadow:0 8px 16px 0 rgba(134,139,203,.3);box-shadow:0 8px 16px 0 rgba(134,139,203,.3)}.developer-activity .wrapper .developer-section.nav-sidebar-block ul{font-size:0;color:#fff;text-align:left;padding:10px 0;background:url(../images/developer-activity-bg-nav-sidebar.png) no-repeat 50%}.developer-activity .wrapper .developer-section.nav-sidebar-block ul .sidebar-item{display:inline-block;text-align:center;position:relative}.developer-activity .wrapper .developer-section.nav-sidebar-block ul .sidebar-item:after{position:absolute;content:"";width:2px;height:100%;border:1px solid hsla(0,0%,100%,.2);display:inline-block;top:0;right:-1px}.developer-activity .wrapper .developer-section.nav-sidebar-block ul .sidebar-item .icon-sidebar{display:inline-block;width:28px;height:28px;background:url(../images/developer-activity-nav-sidebar01.png) no-repeat 50%;vertical-align:middle;margin-right:10px}.developer-activity .wrapper .developer-section.nav-sidebar-block ul .sidebar-item .title{font-size:14px;line-height:14px;display:inline-block;vertical-align:middle}.developer-activity .wrapper .developer-section.nav-sidebar-block ul .sidebar-item.six{width:16.667%}.developer-activity .wrapper .developer-section .section-title{text-align:center;display:inline-block;width:100%;margin-bottom:10px;font-size:0;line-height:1;padding:0}.developer-activity .wrapper .developer-section .section-title .title{vertical-align:middle;line-height:32px;font-size:28px;display:inline-block;color:#fff}.developer-activity .wrapper .developer-section .section-title i.title-icon{vertical-align:middle;display:inline-block;height:32px;width:35px;background:url(../images/developer-activity-title-bg-left.png) no-repeat 50%}.developer-activity .wrapper .developer-section .section-title i.title-icon:first-child{margin-right:10px}.developer-activity .wrapper .developer-section .section-title i.title-icon:last-child{-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);transform:rotateY(180deg);margin-left:10px}.developer-activity .wrapper .developer-section .section-info{line-height:24px;text-align:center;font-size:16px;display:inline-block;opacity:.8;color:#fff;width:100%}.developer-activity .wrapper .developer-section .section-info.mb{display:none}.developer-activity .wrapper .developer-section.experience-block{position:relative}.developer-activity .wrapper .developer-section.experience-block.tint .content-box .card{-webkit-box-shadow:0 8px 16px 0 rgba(134,139,203,.3);-moz-box-shadow:0 8px 16px 0 rgba(134,139,203,.3);box-shadow:0 8px 16px 0 rgba(134,139,203,.3)}.developer-activity .wrapper .developer-section.experience-block.tint .content-box .scale-box-list .scale-box{padding-bottom:6px}.developer-activity .wrapper .developer-section.experience-block .click-more{display:none}.developer-activity .wrapper .developer-section.experience-block .scale-box-list{position:relative;margin:-10px}.developer-activity .wrapper .developer-section.experience-block .scale-box-list .scale-box{position:relative;margin:0}.developer-activity .wrapper .developer-section.experience-block .scale-box-list .scale-box .card{position:relative}.developer-activity .wrapper .developer-section.experience-block .scale-box-list .scale-box .card .scale-box-text{font-size:18px;padding-top:110px;text-align:center;color:#fff;position:relative;-webkit-transition:all .3s;-o-transition:all .3s;-moz-transition:all .3s;transition:all .3s}.developer-activity .wrapper .developer-section.experience-block .scale-box-list .scale-box .card .scale-box-text:after{content:"";position:absolute;bottom:-10px;width:70px;height:2px;left:-webkit-calc(50% - 35px);left:-moz-calc(50% - 35px);left:calc(50% - 35px);background:#fff}.developer-activity .wrapper .developer-section.experience-block .scale-box-list .scale-box .card:before{content:"";position:absolute;left:50%;right:50%;top:0;display:inline-block;height:4px;-webkit-border-radius:8px 8px 0 0;-moz-border-radius:8px 8px 0 0;border-radius:8px 8px 0 0;background:#f66f6a;-webkit-transition:all .3s;-o-transition:all .3s;-moz-transition:all .3s;transition:all .3s}.developer-activity .wrapper .developer-section.experience-block .scale-box-list .scale-box .card:hover .scale-box-text{padding-top:90px}.developer-activity .wrapper .developer-section.experience-block .scale-box-list .scale-box .card:hover .btn{display:block}.developer-activity .wrapper .developer-section.experience-block .scale-box-list .scale-box .card:hover:before{right:0;left:0}.developer-activity .wrapper .developer-section.experience-block .scale-box-list .scale-box .card .btn{display:none;text-align:center;padding-top:20px}.developer-activity .wrapper .developer-section.experience-block .scale-box-list .scale-box .card .btn a{display:inline-block;height:30px;width:90px;padding:0;font-size:14px;line-height:28px;border:1px solid #f66f6a;background:#f66f6a;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;color:#fff;cursor:pointer}.developer-activity .wrapper .developer-section.experience-block .scale-box-list .scale-box .card1{background:url(../images/developer-activity-bg-card01.png) no-repeat 50%;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;height:250px}.developer-activity .wrapper .developer-section.experience-block .scale-box-list .scale-box .card2{background:url(../images/developer-activity-bg-card02.png) no-repeat 50%;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;height:250px}.developer-activity .wrapper .developer-section.experience-block .scale-box-list .scale-box .card3{background:url(../images/developer-activity-bg-card03.png) no-repeat 50%;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;height:250px}.developer-activity .wrapper .developer-section.rights-block .content-box{margin-top:25px;background:url(../images/developer-activity-bg-rights-line.png) no-repeat 50%;background-position-y:56px;height:429px;position:relative}.developer-activity .wrapper .developer-section.rights-block .content-box .rights-center-star{position:absolute;background:url(../images/developer-activity-rights-center-star.png) no-repeat 50%;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;width:358px;height:384px;top:56px;left:410px}.developer-activity .wrapper .developer-section.rights-block .content-box .rights-box{position:absolute}.developer-activity .wrapper .developer-section.rights-block .content-box .rights-box .rights-icon{display:inline-block;vertical-align:middle;margin:0 10px}.developer-activity .wrapper .developer-section.rights-block .content-box .rights-box .rights-text{color:#fff;display:inline-block;vertical-align:middle}.developer-activity .wrapper .developer-section.rights-block .content-box .rights-box.rights-top{top:0;left:0;right:0}.developer-activity .wrapper .developer-section.rights-block .content-box .rights-box.rights-middle-left{top:140px;right:785px}.developer-activity .wrapper .developer-section.rights-block .content-box .rights-box.rights-middle-right{top:140px;left:784px}.developer-activity .wrapper .developer-section.rights-block .content-box .rights-box.rights-middle-right .rights-icon{margin-right:15px}.developer-activity .wrapper .developer-section.rights-block .content-box .rights-box.rights-bottom-left{bottom:26px;right:747px}.developer-activity .wrapper .developer-section.rights-block .content-box .rights-box.rights-bottom-left .rights-icon{margin-left:15px}.developer-activity .wrapper .developer-section.rights-block .content-box .rights-box.rights-bottom-right{bottom:26px;left:747px}.developer-activity .wrapper .developer-section.rights-block .content-box .rights-box.rights-bottom-right .rights-icon{margin-right:15px}.developer-activity .wrapper .developer-section.expert-block.tint .content-box .scale-box{padding-bottom:6px}.developer-activity .wrapper .developer-section.expert-block.tint .content-box .expert-box{-webkit-box-shadow:0 8px 16px 0 rgba(134,139,203,.3);-moz-box-shadow:0 8px 16px 0 rgba(134,139,203,.3);box-shadow:0 8px 16px 0 rgba(134,139,203,.3)}.developer-activity .wrapper .developer-section.expert-block .po-container{margin:0 auto}.developer-activity .wrapper .developer-section.expert-block .content-box{position:relative}.developer-activity .wrapper .developer-section.expert-block .content-box .swiper-container{max-width:1108px}.developer-activity .wrapper .developer-section.expert-block .content-box .swiper-container .expert-box{position:relative;height:100%}.developer-activity .wrapper .developer-section.expert-block .content-box .swiper-container .expert-box .expert-card{position:absolute;color:#fff;width:100%;padding:0 11px;bottom:12px}.developer-activity .wrapper .developer-section.expert-block .content-box .swiper-container .expert-box .expert-card .expert-message{text-align:center;display:block;background:url(../images/developer-activity-bg-expert.png) no-repeat 50%;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;padding:13px 0 11px}.developer-activity .wrapper .developer-section.expert-block .content-box .swiper-container .expert-box .expert-card .expert-message h3{font-size:16px;margin-bottom:3px;line-height:22px}.developer-activity .wrapper .developer-section.expert-block .content-box .swiper-container .expert-box .expert-card .expert-message p{font-size:12px}.developer-activity .wrapper .developer-section.expert-block .content-box .swiper-container .expert-box .expert-card .expert-intro{display:none;padding:51px 12px 12px 15px;background:url(../images/developer-activity-bg-expert-active.png) no-repeat 50%;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;height:100%;position:relative;text-align:left}.developer-activity .wrapper .developer-section.expert-block .content-box .swiper-container .expert-box .expert-card .expert-intro h3{font-size:16px;margin-bottom:9px}.developer-activity .wrapper .developer-section.expert-block .content-box .swiper-container .expert-box .expert-card .expert-intro p{font-size:14px}.developer-activity .wrapper .developer-section.expert-block .content-box .swiper-container .expert-box .expert-card .expert-intro .btn-block{text-align:center;position:absolute;bottom:20px;width:100%;left:0}.developer-activity .wrapper .developer-section.expert-block .content-box .swiper-container .expert-box .expert-card .expert-intro .btn-block a{width:94px;height:34px;line-height:34px;font-size:14px;padding:0}.developer-activity .wrapper .developer-section.expert-block .content-box .swiper-container .expert-box:hover .expert-card{height:100%;padding:20px;bottom:0}.developer-activity .wrapper .developer-section.expert-block .content-box .swiper-container .expert-box:hover .expert-card .expert-message{display:none}.developer-activity .wrapper .developer-section.expert-block .content-box .swiper-container .expert-box:hover .expert-card .expert-intro{display:block}.developer-activity .wrapper .developer-section.expert-block .content-box .swiper-arrow{height:132px;top:-webkit-calc(50% - 66px);top:-moz-calc(50% - 66px);top:calc(50% - 66px)}.developer-activity .wrapper .developer-section.expert-block .content-box .swiper-arrow.swiper-button-prev{left:13px;-webkit-border-radius:4px 0 0 4px;-moz-border-radius:4px 0 0 4px;border-radius:4px 0 0 4px;background:url(../images/developer-activity-expert-swiper-left.png) no-repeat 50%;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover}.developer-activity .wrapper .developer-section.expert-block .content-box .swiper-arrow.swiper-button-next{right:13px;-webkit-border-radius:0 4px 4px 0;-moz-border-radius:0 4px 4px 0;border-radius:0 4px 4px 0;background:url(../images/developer-activity-expert-swiper-right.png) no-repeat 50%;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover}.developer-activity .wrapper .developer-section.expert-block .content-box .swiper-button-next.swiper-button-disabled,.developer-activity .wrapper .developer-section.expert-block .content-box .swiper-button-prev.swiper-button-disabled{display:none}.developer-activity .wrapper .developer-section.apply-progress-block.tint .content-box .apply-block{-webkit-box-shadow:0 8px 16px 0 rgba(134,139,203,.3);-moz-box-shadow:0 8px 16px 0 rgba(134,139,203,.3);box-shadow:0 8px 16px 0 rgba(134,139,203,.3)}.developer-activity .wrapper .developer-section.apply-progress-block .content-box .progress-block{background:url(../images/developer-activity-bg-progress.png) no-repeat 50%;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;padding:40px 0 30px;overflow:hidden;width:1120px;margin:0 auto}.developer-activity .wrapper .developer-section.apply-progress-block .content-box .progress-block .progress-box{width:33%;float:left;position:relative}.developer-activity .wrapper .developer-section.apply-progress-block .content-box .progress-block .progress-box i.num{width:66px;height:66px;display:inline-block;vertical-align:middle}.developer-activity .wrapper .developer-section.apply-progress-block .content-box .progress-block .progress-box i.num.num1{background:url(../images/developer-activity-progress-num1.png) no-repeat 50%;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover}.developer-activity .wrapper .developer-section.apply-progress-block .content-box .progress-block .progress-box i.num.num2{background:url(../images/developer-activity-progress-num2.png) no-repeat 50%;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover}.developer-activity .wrapper .developer-section.apply-progress-block .content-box .progress-block .progress-box i.num.num3{background:url(../images/developer-activity-progress-num3.png) no-repeat 50%;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover}.developer-activity .wrapper .developer-section.apply-progress-block .content-box .progress-block .progress-box .progress-title{font-size:20px;color:#fff;line-height:18px;display:inline-block;margin-left:20px;vertical-align:middle}.developer-activity .wrapper .developer-section.apply-progress-block .content-box .progress-block .progress-box:not(:last-child):after{content:"";position:absolute;background:url(../images/developer-activity-progress-arrow.png) no-repeat 50%;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;width:15px;height:64px;display:inline-block;top:-webkit-calc(50% - 32px);top:-moz-calc(50% - 32px);top:calc(50% - 32px);right:8px}.developer-activity .wrapper .developer-section.apply-progress-block .content-box .apply-block{padding:30px 0 27px;overflow:hidden;background:#fff;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}.developer-activity .wrapper .developer-section.apply-progress-block .content-box .apply-block .apply-title{font-size:20px;color:#252b3a;line-height:20px;margin-bottom:18px}.developer-activity .wrapper .developer-section.apply-progress-block .content-box .apply-block .apply-list{margin-bottom:16px;font-size:0}.developer-activity .wrapper .developer-section.apply-progress-block .content-box .apply-block .apply-list .apply-box{width:33.3333%;display:inline-block}.developer-activity .wrapper .developer-section.apply-progress-block .content-box .apply-block .apply-list .apply-box .icon-apply{width:28px;height:28px;display:inline-block;margin-right:14px;vertical-align:middle}.developer-activity .wrapper .developer-section.apply-progress-block .content-box .apply-block .apply-list .apply-box .icon-apply.icon-apply01{background:url(../images/developer-activity-icon-apply01.png) no-repeat 50%;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover}.developer-activity .wrapper .developer-section.apply-progress-block .content-box .apply-block .apply-list .apply-box .icon-apply.icon-apply02{background:url(../images/developer-activity-icon-apply02.png) no-repeat 50%;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover}.developer-activity .wrapper .developer-section.apply-progress-block .content-box .apply-block .apply-list .apply-box .icon-apply.icon-apply03{background:url(../images/developer-activity-icon-apply03.png) no-repeat 50%;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover}.developer-activity .wrapper .developer-section.apply-progress-block .content-box .apply-block .apply-list .apply-box p{font-size:14px;color:#4e5871;display:inline-block;vertical-align:middle}.developer-activity .wrapper .developer-section.more-block.tint .more-card{-webkit-box-shadow:0 8px 16px 0 rgba(134,139,203,.3);-moz-box-shadow:0 8px 16px 0 rgba(134,139,203,.3);box-shadow:0 8px 16px 0 rgba(134,139,203,.3)}.developer-activity .wrapper .developer-section.more-block .more-card{padding:30px 20px;text-align:center;color:#fff;background:url(../images/developer-activity-bg-more-block.png) no-repeat 50%;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}.developer-activity .wrapper .developer-section.more-block .more-card .card-title{font-size:18px;line-height:22px;margin-bottom:10px}.developer-activity .wrapper .developer-section.more-block .more-card .card-detail{font-size:14px;line-height:22px;margin-bottom:20px;opacity:.8}.developer-activity .wrapper .developer-section.devops-expert-tech-block.tint .content-box{-webkit-box-shadow:0 8px 16px 0 rgba(134,139,203,.3);-moz-box-shadow:0 8px 16px 0 rgba(134,139,203,.3);box-shadow:0 8px 16px 0 rgba(134,139,203,.3)}.developer-activity .wrapper .developer-section.devops-expert-tech-block .content-box{background:#fff;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}.developer-activity .wrapper .developer-section.devops-expert-tech-block .content-box .img-block{width:453px;display:inline-block;vertical-align:top}.developer-activity .wrapper .developer-section.devops-expert-tech-block .content-box .img-block img{width:100%;height:100%;-webkit-border-radius:4px 0 0 4px;-moz-border-radius:4px 0 0 4px;border-radius:4px 0 0 4px}.developer-activity .wrapper .developer-section.devops-expert-tech-block .content-box .expert-tech-box{display:inline-block;vertical-align:top;padding:25px 33px;width:-webkit-calc(100% - 453px);width:-moz-calc(100% - 453px);width:calc(100% - 453px);color:#252b3a;text-align:left}.developer-activity .wrapper .developer-section.devops-expert-tech-block .content-box .expert-tech-box .expert-name{font-size:18px;line-height:22px}.developer-activity .wrapper .developer-section.devops-expert-tech-block .content-box .expert-tech-box .expert-position{font-size:14px;line-height:22px;margin:20px 0}.developer-activity .wrapper .developer-section.devops-expert-tech-block .content-box .expert-tech-box .expert-intro{font-size:14px;color:#666a75;line-height:22px}.developer-activity .wrapper .developer-section.devops-daily-attendance-reward-block.tint .content-box .attendance-reward-card{-webkit-box-shadow:0 8px 16px 0 rgba(134,139,203,.3);-moz-box-shadow:0 8px 16px 0 rgba(134,139,203,.3);box-shadow:0 8px 16px 0 rgba(134,139,203,.3)}.developer-activity .wrapper .developer-section.devops-daily-attendance-reward-block .content-box .attendance-reward-card{background:#fff;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}.developer-activity .wrapper .developer-section.devops-daily-attendance-reward-block .content-box .attendance-reward-card .card-title{font-size:22px;color:#fff;text-align:center;line-height:28px;padding:25px 30px;background:url(../images/developer-activity-bg-attendance-reward-card-title01.png) no-repeat 50%;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;-webkit-border-radius:4px 4px 0 0;-moz-border-radius:4px 4px 0 0;border-radius:4px 4px 0 0}.developer-activity .wrapper .developer-section.devops-daily-attendance-reward-block .content-box .attendance-reward-card .attendance-reward-box{padding:20px}.developer-activity .wrapper .developer-section.devops-daily-attendance-reward-block .content-box .attendance-reward-card .attendance-reward-box .img-block{height:141px}.developer-activity .wrapper .developer-section.devops-daily-attendance-reward-block .content-box .attendance-reward-card .attendance-reward-box .reward-title{font-size:18px;color:#252b3a;line-height:28px}.developer-activity .wrapper .developer-section.devops-daily-attendance-reward-block .content-box .attendance-reward-card .attendance-reward-box .reward-intro{font-size:12px;color:#666a75;line-height:22px}.developer-activity .wrapper .developer-section.devops-daily-attendance-progress-block.tint .content-box .attendance-progress-list{-webkit-box-shadow:0 8px 16px 0 rgba(134,139,203,.3);-moz-box-shadow:0 8px 16px 0 rgba(134,139,203,.3);box-shadow:0 8px 16px 0 rgba(134,139,203,.3)}.developer-activity .wrapper .developer-section.devops-daily-attendance-progress-block .attendance-progress-list.three ul{overflow:hidden}.developer-activity .wrapper .developer-section.devops-daily-attendance-progress-block .attendance-progress-list.three ul .li-01{width:9.7%;float:left}.developer-activity .wrapper .developer-section.devops-daily-attendance-progress-block .attendance-progress-list.three ul .li-02{width:46.6%;float:left}.developer-activity .wrapper .developer-section.devops-daily-attendance-progress-block .attendance-progress-list.three ul .li-03{width:43.7%;float:left}.developer-activity .wrapper .developer-section.devops-daily-attendance-progress-block .attendance-progress-list.three .progress-list-title{background:url(../images/developer-activity-bg-devops-progress-list-title.png) no-repeat 50%/cover;font-size:22px;color:#fff;line-height:86px;height:86px;text-align:center}.developer-activity .wrapper .developer-section.devops-daily-attendance-progress-block .attendance-progress-list.three .progress-list-title ul li.li-02,.developer-activity .wrapper .developer-section.devops-daily-attendance-progress-block .attendance-progress-list.three .progress-list-title ul li.li-03{padding:0}.developer-activity .wrapper .developer-section.devops-daily-attendance-progress-block .attendance-progress-list.three .progress-list-detail{background:url(../images/developer-activity-bg-devops-progress-list-detail.png) no-repeat 50%/cover;margin-top:2px;text-align:left;font-size:18px;line-height:66px;height:86px;padding:10px 20px}.developer-activity .wrapper .developer-section.devops-daily-attendance-progress-block .attendance-progress-list.three .progress-list-detail ul li:first-child{text-align:center}.developer-activity .wrapper .developer-section.devops-daily-attendance-progress-block .attendance-progress-list.three .progress-list-detail ul li.li-02{padding:0 90px 0 50px}.developer-activity .wrapper .developer-section.devops-daily-attendance-progress-block .attendance-progress-list.three .progress-list-detail ul li.li-03{padding:0 50px 0 30px}.developer-activity .wrapper .developer-section.devops-daily-attendance-progress-block .attendance-progress-list.three .progress-list-detail .course-title{font-size:16px;line-height:22px}.developer-activity .wrapper .developer-section.devops-daily-attendance-progress-block .attendance-progress-list.three .progress-list-detail .course-title:hover{color:#f66f6a}.developer-activity .wrapper .developer-section.devops-daily-attendance-progress-block .attendance-progress-list.three .progress-list-detail .course-detail{font-size:14px;line-height:22px}.developer-activity .wrapper .developer-section.devops-daily-attendance-progress-block .attendance-progress-list.two ul{overflow:hidden}.developer-activity .wrapper .developer-section.devops-daily-attendance-progress-block .attendance-progress-list.two ul .li-01{width:196px;float:left}.developer-activity .wrapper .developer-section.devops-daily-attendance-progress-block .attendance-progress-list.two ul .li-02{width:-webkit-calc(100% - 196px);width:-moz-calc(100% - 196px);width:calc(100% - 196px);float:left}.developer-activity .wrapper .developer-section.devops-daily-attendance-progress-block .attendance-progress-list.two .progress-list-title{background:url(../images/developer-activity-bg-devops-progress-list-title2.png) no-repeat 50%/cover;font-size:22px;color:#fff;line-height:60px;height:60px;text-align:center}.developer-activity .wrapper .developer-section.devops-daily-attendance-progress-block .attendance-progress-list.two .progress-list-title ul li.li-02{padding:0}.developer-activity .wrapper .developer-section.devops-daily-attendance-progress-block .attendance-progress-list.two .progress-list-detail{background:url(../images/developer-activity-bg-devops-progress-list-detail2.png) no-repeat 50%/cover;margin-top:2px;text-align:left;font-size:18px;line-height:40px;height:60px;padding:10px 0}.developer-activity .wrapper .developer-section.devops-daily-attendance-progress-block .attendance-progress-list.two .progress-list-detail ul li:first-child{text-align:center}.developer-activity .wrapper .developer-section.devops-daily-attendance-progress-block .attendance-progress-list.two .progress-list-detail ul li.li-02{padding:0 90px 0 50px;font-size:0}.developer-activity .wrapper .developer-section.devops-daily-attendance-progress-block .attendance-progress-list.two .progress-list-detail .course-title{font-size:16px;line-height:22px;display:inline-block;vertical-align:middle;position:relative}.developer-activity .wrapper .developer-section.devops-daily-attendance-progress-block .attendance-progress-list.two .progress-list-detail .course-title:hover{color:#f66f6a}.developer-activity .wrapper .developer-section.devops-daily-attendance-progress-block .attendance-progress-list.two .progress-list-detail .course-detail{font-size:14px;line-height:22px;display:inline-block;vertical-align:middle;margin-left:20px;position:relative}.developer-activity .wrapper .developer-section.devops-daily-attendance-progress-block .attendance-progress-list.two .progress-list-detail .course-detail:after{position:absolute;display:inline-block;content:"";border-right:1px solid #b1b1b1;width:1px;height:18px;top:2px;left:-8px}.developer-activity .wrapper .developer-section.devops-join-progress-block.tint .content-box .btn-block{-webkit-box-shadow:0 8px 16px 0 rgba(134,139,203,.3);-moz-box-shadow:0 8px 16px 0 rgba(134,139,203,.3);box-shadow:0 8px 16px 0 rgba(134,139,203,.3)}.developer-activity .wrapper .developer-section.devops-join-progress-block .content-box .progress-block{overflow:hidden;padding:25px 0;background:url(../images/developer-activity-bg-devops-join-progress-block.png) no-repeat top;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;max-width:1140px;margin:0 auto;position:relative;z-index:2}.developer-activity .wrapper .developer-section.devops-join-progress-block .content-box .progress-block .progress-box{float:left;width:33.333%;padding:0 30px;position:relative}.developer-activity .wrapper .developer-section.devops-join-progress-block .content-box .progress-block .progress-box:not(:last-child):after{content:"";position:absolute;background:url(../images/developer-activity-progress-arrow.png) no-repeat 50%;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;width:15px;height:64px;display:inline-block;top:-webkit-calc(50% - 32px);top:-moz-calc(50% - 32px);top:calc(50% - 32px);right:8px}.developer-activity .wrapper .developer-section.devops-join-progress-block .content-box .progress-block .progress-box .num{background:url(../images/developer-activity-devops-join-progress-step.png) no-repeat 0;-webkit-background-size:auto 100%;-moz-background-size:auto 100%;background-size:auto 100%;width:36px;height:75px;display:inline-block;margin-right:20px;vertical-align:middle}.developer-activity .wrapper .developer-section.devops-join-progress-block .content-box .progress-block .progress-box .progress-intro{display:inline-block;width:-webkit-calc(100% - 56px);width:-moz-calc(100% - 56px);width:calc(100% - 56px);vertical-align:middle;text-align:left;color:#fff}.developer-activity .wrapper .developer-section.devops-join-progress-block .content-box .progress-block .progress-box .progress-intro .progress-title{margin-bottom:5px;font-weight:700;font-size:20px;line-height:26px}.developer-activity .wrapper .developer-section.devops-join-progress-block .content-box .progress-block .progress-box .progress-intro .progress-detail{font-size:14px;line-height:22px;height:44px;overflow:hidden}.developer-activity .wrapper .developer-section.devops-join-progress-block .content-box .btn-block{padding:77px 0 25px;background:#fff;margin-top:-52px;position:relative;z-index:0;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}.developer-activity .wrapper .developer-section.devops-faq-block.tint .content-box{-webkit-box-shadow:0 8px 16px 0 rgba(134,139,203,.3);-moz-box-shadow:0 8px 16px 0 rgba(134,139,203,.3);box-shadow:0 8px 16px 0 rgba(134,139,203,.3)}.developer-activity .wrapper .developer-section.devops-faq-block .content-box{background:#fff;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;padding:30px}.developer-activity .wrapper .developer-section.devops-faq-block .content-box .faq-list .faq-box{text-align:left}.developer-activity .wrapper .developer-section.devops-faq-block .content-box .faq-list .faq-box .faq-title{position:relative;padding-left:40px;height:40px;line-height:40px;font-size:18px;font-weight:700;color:#252b3a}.developer-activity .wrapper .developer-section.devops-faq-block .content-box .faq-list .faq-box .faq-title:before{position:absolute;content:"";display:inline-block;width:24px;height:24px;background:url(../images/developer-activity-icon-devops-faq.png) no-repeat 50%/cover;left:0;top:10px}.developer-activity .wrapper .developer-section.devops-faq-block .content-box .faq-list .faq-box .faq-detail{padding-left:40px;font-size:14px;color:#666a75;line-height:22px}.developer-activity .wrapper .developer-section.devops-faq-block .content-box .faq-list .faq-box .faq-detail span{font-weight:700;font-style:normal}.developer-activity .wrapper .developer-section.devops-history-courses-block.tint .content-box .history-courses-list .course-box{-webkit-box-shadow:0 8px 16px 0 rgba(134,139,203,.3);-moz-box-shadow:0 8px 16px 0 rgba(134,139,203,.3);box-shadow:0 8px 16px 0 rgba(134,139,203,.3)}.developer-activity .wrapper .developer-section.devops-history-courses-block.expend .show-more a:after{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}.developer-activity .wrapper .developer-section.devops-history-courses-block .history-courses-list .course-box{background:#2537ca;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;padding:6px 50px;position:relative}.developer-activity .wrapper .developer-section.devops-history-courses-block .history-courses-list .course-box:not(:first-child){margin-top:10px}.developer-activity .wrapper .developer-section.devops-history-courses-block .history-courses-list .course-box .img-block{display:inline-block;vertical-align:middle;width:120px;height:120px;margin-right:40px}.developer-activity .wrapper .developer-section.devops-history-courses-block .history-courses-list .course-box .img-block img{width:100%;height:100%}.developer-activity .wrapper .developer-section.devops-history-courses-block .history-courses-list .course-box .course-intro{width:-webkit-calc(100% - 160px);width:-moz-calc(100% - 160px);width:calc(100% - 160px);display:inline-block;vertical-align:middle;text-align:left;color:#fff}.developer-activity .wrapper .developer-section.devops-history-courses-block .history-courses-list .course-box .course-intro .course-title{font-size:22px;line-height:28px}.developer-activity .wrapper .developer-section.devops-history-courses-block .history-courses-list .course-box .course-intro .course-title:hover{color:#f66f6a}.developer-activity .wrapper .developer-section.devops-history-courses-block .history-courses-list .course-box .course-intro .course-detail{font-size:14px;line-height:22px}.developer-activity .wrapper .developer-section.devops-history-courses-block .show-more{text-align:center;margin-top:20px}.developer-activity .wrapper .developer-section.devops-history-courses-block .show-more a{color:#fff;font-size:14px;line-height:18px;cursor:pointer;position:relative;display:inline-block;padding-right:24px}.developer-activity .wrapper .developer-section.devops-history-courses-block .show-more a:after{position:absolute;content:"";width:16px;height:16px;display:inline-block;background:url(../images/developer-activity-icon-devops-history-courses-more.png) no-repeat;right:0;top:1px;vertical-align:top}.developer-activity .wrapper .developer-section.devops-hot-activity-block.tint .content-box .hot-activity-card{-webkit-box-shadow:0 8px 16px 0 rgba(134,139,203,.3);-moz-box-shadow:0 8px 16px 0 rgba(134,139,203,.3);box-shadow:0 8px 16px 0 rgba(134,139,203,.3)}.developer-activity .wrapper .developer-section.devops-hot-activity-block .hot-activity-list .hot-activity-card{display:block;padding:25px 60px 25px 30px;background-image:url(../images/developer-activity-bg-devops-hot-activity-block.jpg);-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;position:relative;-webkit-box-shadow:0 8px 16px 0 rgba(147,154,255,.1);-moz-box-shadow:0 8px 16px 0 rgba(147,154,255,.1);box-shadow:0 8px 16px 0 rgba(147,154,255,.1);-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;text-align:left}.developer-activity .wrapper .developer-section.devops-hot-activity-block .hot-activity-list .hot-activity-card:after{content:"";display:inline-block;position:absolute;width:9px;height:9px;top:44%;right:20px;border-top:2px solid #979797;border-right:2px solid #979797;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);-moz-transform:rotate(45deg);transform:rotate(45deg)}.developer-activity .wrapper .developer-section.devops-hot-activity-block .hot-activity-list .hot-activity-card:hover .hot-activity-title{color:#f66f6a}.developer-activity .wrapper .developer-section.devops-hot-activity-block .hot-activity-list .hot-activity-card .hot-activity-title{font-size:18px;line-height:22px;color:#252b3a;font-weight:700}.developer-activity .wrapper .developer-section.devops-hot-activity-block .hot-activity-list .hot-activity-card .hot-activity-detail{margin-top:5px;overflow:hidden;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis;color:#666a75;font-size:14px;line-height:22px}.developer-activity .wrapper .developer-section.footer-join-us-block.tint .content-box{-webkit-box-shadow:0 8px 16px 0 rgba(134,139,203,.3);-moz-box-shadow:0 8px 16px 0 rgba(134,139,203,.3);box-shadow:0 8px 16px 0 rgba(134,139,203,.3)}.developer-activity .wrapper .developer-section.footer-join-us-block .content-box{background:url(../images/developer-activity-bg-footer-join-us.png) no-repeat 50%/cover;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;padding:24px 204px;overflow:hidden}.developer-activity .wrapper .developer-section.footer-join-us-block .content-box .join-us-box{float:left;text-align:left;width:500px}.developer-activity .wrapper .developer-section.footer-join-us-block .content-box .join-us-box .join-us-title{font-size:28px;color:#fff;line-height:38px;margin-bottom:11px}.developer-activity .wrapper .developer-section.footer-join-us-block .content-box .join-us-box .join-us-detail{font-size:14px;color:#fff;line-height:22px;opacity:.8}.developer-activity .wrapper .developer-section.footer-join-us-block .content-box .btn-block{float:left;margin:24px 0 0 130px}.developer-activity .wrapper .developer-section.footer-join-us-block .content-box .btn-block .btn-apply{display:inline-block;height:40px;width:134px;background:#f86e67;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.developer-activity .wrapper .developer-section.next-experience-block.tint .content-box .next-box{-webkit-box-shadow:0 8px 16px 0 rgba(134,139,203,.3);-moz-box-shadow:0 8px 16px 0 rgba(134,139,203,.3);box-shadow:0 8px 16px 0 rgba(134,139,203,.3)}.developer-activity .wrapper .developer-section.next-experience-block.tint .content-box .scale-box{padding-bottom:6px}.developer-activity .wrapper .developer-section.next-experience-block .content-box{position:relative}.developer-activity .wrapper .developer-section.next-experience-block .content-box .swiper-arrow{width:32px;height:70px}.developer-activity .wrapper .developer-section.next-experience-block .content-box .swiper-arrow.swiper-button-disabled{display:none}.developer-activity .wrapper .developer-section.next-experience-block .content-box .swiper-arrow.swiper-button-next{background:url(../images/developer-activity-icon-next-arr-ri.png) no-repeat 50%}.developer-activity .wrapper .developer-section.next-experience-block .content-box .swiper-arrow.swiper-button-prev{background:url(../images/developer-activity-icon-next-arr-le.png) no-repeat 50%}.developer-activity .wrapper .developer-section.next-experience-block .content-box .next-box{position:relative}.developer-activity .wrapper .developer-section.next-experience-block .content-box .next-box .img-block{width:280px;height:400px}.developer-activity .wrapper .developer-section.next-experience-block .content-box .next-box .next-card{width:100%;height:100%;position:absolute;top:0;left:0;z-index:1;font-size:0;color:#fff;padding:153px 30px 0}.developer-activity .wrapper .developer-section.next-experience-block .content-box .next-box .next-card .icon-next{width:64px;height:64px;margin-bottom:10px}.developer-activity .wrapper .developer-section.next-experience-block .content-box .next-box .next-card .next-title{line-height:22px;font-size:18px}.developer-activity .wrapper .developer-section.next-experience-block .content-box .next-box .next-card .next-detail{margin-top:10px;font-size:14px;color:#252b3a;line-height:22px;text-align:left;margin-bottom:40px;display:none}.developer-activity .wrapper .developer-section.next-experience-block .content-box .next-box .next-card .btn-block{display:none}.developer-activity .wrapper .developer-section.next-experience-block .content-box .next-box .next-card .btn-block .btn-red{width:106px;height:40px;background:#f66f6a;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;color:#fff;line-height:40px;display:inline-block;font-size:16px}.developer-activity .wrapper .developer-section.next-experience-block .content-box .next-box .next-card .btn-block .btn-red:hover{-webkit-box-shadow:0 8px 16px 0 rgba(246,111,106,.3);-moz-box-shadow:0 8px 16px 0 rgba(246,111,106,.3);box-shadow:0 8px 16px 0 rgba(246,111,106,.3)}.developer-activity .wrapper .developer-section.next-experience-block .content-box .next-box .next-card:before{content:"";position:absolute;left:50%;right:50%;height:4px;background:#f66f6a;top:0;display:inline-block;-webkit-border-radius:8px 8px 0 0;-moz-border-radius:8px 8px 0 0;border-radius:8px 8px 0 0;-webkit-transition:all .3s;-o-transition:all .3s;-moz-transition:all .3s;transition:all .3s}.developer-activity .wrapper .developer-section.next-experience-block .content-box .next-box .next-card:hover{padding-top:54px;background:rgba(248,252,255,.8);-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}.developer-activity .wrapper .developer-section.next-experience-block .content-box .next-box .next-card:hover:before{left:0;right:0}.developer-activity .wrapper .developer-section.next-experience-block .content-box .next-box .next-card:hover .icon-next{margin-bottom:20px}.developer-activity .wrapper .developer-section.next-experience-block .content-box .next-box .next-card:hover .next-title{color:#f66f6a}.developer-activity .wrapper .developer-section.next-experience-block .content-box .next-box .next-card:hover .btn-block,.developer-activity .wrapper .developer-section.next-experience-block .content-box .next-box .next-card:hover .next-detail{display:block}.developer-activity .wrapper .developer-section.book-intro-block.tint .content-box{-webkit-box-shadow:0 8px 16px 0 rgba(134,139,203,.3);-moz-box-shadow:0 8px 16px 0 rgba(134,139,203,.3);box-shadow:0 8px 16px 0 rgba(134,139,203,.3)}.developer-activity .wrapper .developer-section.book-intro-block .content-box{overflow:hidden;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}.developer-activity .wrapper .developer-section.book-intro-block .content-box .click-more{display:none}.developer-activity .wrapper .developer-section.book-intro-block .content-box .book-intro-box{background:url(../images/developer-activity-bg-book.png) no-repeat 50%;width:240px;padding:46px 20px 32px;float:left;text-align:center;color:#fff}.developer-activity .wrapper .developer-section.book-intro-block .content-box .book-intro-box .book-title{font-size:18px;margin-bottom:4px;line-height:25px}.developer-activity .wrapper .developer-section.book-intro-block .content-box .book-intro-box .book-isbn{font-size:14px;line-height:20px}.developer-activity .wrapper .developer-section.book-intro-block .content-box .book-intro-box .img-block{height:233px;padding:20px 0}.developer-activity .wrapper .developer-section.book-intro-block .content-box .book-intro-box .book-intro{border-top:2px solid hsla(0,0%,100%,.55);padding-top:20px}.developer-activity .wrapper .developer-section.book-intro-block .content-box .book-intro-box .book-intro .title{font-size:18px;margin-bottom:10px;line-height:25px}.developer-activity .wrapper .developer-section.book-intro-block .content-box .book-intro-box .book-intro .intro{font-size:14px;line-height:22px;opacity:.8}.developer-activity .wrapper .developer-section.book-intro-block .content-box .book-detail-box{background:#fff;padding:12px 34px 10px 30px;width:-webkit-calc(100% - 240px);width:-moz-calc(100% - 240px);width:calc(100% - 240px);float:left;text-align:left;-webkit-border-radius:0 0 4px 4px;-moz-border-radius:0 0 4px 4px;border-radius:0 0 4px 4px}.developer-activity .wrapper .developer-section.book-intro-block .content-box .book-detail-box div:not(:first-child) .book-detail{border-top:1px solid #ddd}.developer-activity .wrapper .developer-section.book-intro-block .content-box .book-detail-box .book-detail{padding-top:18px}.developer-activity .wrapper .developer-section.book-intro-block .content-box .book-detail-box .book-detail .title{font-size:20px;color:#252b3a;line-height:22px;margin-bottom:20px}.developer-activity .wrapper .developer-section.book-intro-block .content-box .book-detail-box .book-detail .card-list{overflow:hidden}.developer-activity .wrapper .developer-section.book-intro-block .content-box .book-detail-box .book-detail .card-list .card-box{width:50%;float:left;margin-bottom:18px}.developer-activity .wrapper .developer-section.book-intro-block .content-box .book-detail-box .book-detail .card-list .card-box:nth-child(odd){padding-right:23px}.developer-activity .wrapper .developer-section.book-intro-block .content-box .book-detail-box .book-detail .card-list .card-box:nth-child(2n){padding-left:17px}.developer-activity .wrapper .developer-section.book-intro-block .content-box .book-detail-box .book-detail .card-list .card-box .img-block{display:inline-block;vertical-align:top;width:40px;height:40px}.developer-activity .wrapper .developer-section.book-intro-block .content-box .book-detail-box .book-detail .card-list .card-box .img-block img{width:40px;height:40px}.developer-activity .wrapper .developer-section.book-intro-block .content-box .book-detail-box .book-detail .card-list .card-box .detail-box{width:-webkit-calc(100% - 60px);width:-moz-calc(100% - 60px);width:calc(100% - 60px);margin-left:20px;display:inline-block;vertical-align:top}.developer-activity .wrapper .developer-section.book-intro-block .content-box .book-detail-box .book-detail .card-list .card-box .detail-box .title{font-size:18px;color:#252b3a;line-height:22px;margin-bottom:12px}.developer-activity .wrapper .developer-section.book-intro-block .content-box .book-detail-box .book-detail .card-list .card-box .detail-box .detail{font-size:14px;color:#666a75;line-height:22px;height:44px;overflow:hidden}.developer-activity .wrapper .developer-section.course-lists-block.tint .course-box{-webkit-box-shadow:0 8px 16px 0 rgba(134,139,203,.3);-moz-box-shadow:0 8px 16px 0 rgba(134,139,203,.3);box-shadow:0 8px 16px 0 rgba(134,139,203,.3)}.developer-activity .wrapper .developer-section.course-lists-block.expend .show-more a:after{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}.developer-activity .wrapper .developer-section.course-lists-block .content-box .course-lists{overflow:hidden;margin:-10px}.developer-activity .wrapper .developer-section.course-lists-block .content-box .course-lists .course-card{float:left;padding:10px;width:33.33333%}.developer-activity .wrapper .developer-section.course-lists-block .content-box .course-lists .course-card .course-box{-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;background:#fff;position:relative}.developer-activity .wrapper .developer-section.course-lists-block .content-box .course-lists .course-card .course-box:hover .course-title-lists{visibility:visible}.developer-activity .wrapper .developer-section.course-lists-block .content-box .course-lists .course-card .course-box:hover .course-title-lists:before{left:0;right:0}.developer-activity .wrapper .developer-section.course-lists-block .content-box .course-lists .course-card .course-box .title-block{padding:24px 0 23px;background:url(../images/developer-activity-bg-7days-course-title.png) no-repeat 50%;-webkit-border-radius:4px 4px 0 0;-moz-border-radius:4px 4px 0 0;border-radius:4px 4px 0 0}.developer-activity .wrapper .developer-section.course-lists-block .content-box .course-lists .course-card .course-box .title-block .icon-course{margin:0 auto 10px}.developer-activity .wrapper .developer-section.course-lists-block .content-box .course-lists .course-card .course-box .title-block .course-title{font-size:22px;color:#fff;line-height:22px}.developer-activity .wrapper .developer-section.course-lists-block .content-box .course-lists .course-card .course-box .course-intro-block{background:#fff;padding:25px 30px 10px;text-align:left;border-bottom:1px solid #ddd;height:176px}.developer-activity .wrapper .developer-section.course-lists-block .content-box .course-lists .course-card .course-box .course-intro-block .intro-title{font-size:18px;color:#4a5062;line-height:22px;margin-bottom:8px}.developer-activity .wrapper .developer-section.course-lists-block .content-box .course-lists .course-card .course-box .course-intro-block .intro-detail{font-size:14px;color:#666a75;line-height:22px}.developer-activity .wrapper .developer-section.course-lists-block .content-box .course-lists .course-card .course-box .course-learning-number{padding:15px 15px 15px 55px;position:relative;font-size:14px;color:#666a75;text-align:left}.developer-activity .wrapper .developer-section.course-lists-block .content-box .course-lists .course-card .course-box .course-learning-number:before{position:absolute;content:"";width:16px;height:13px;top:19px;left:30px;display:inline-block;background:url(../images/developer-activity-icon-7days-courselist.png) no-repeat 50%}.developer-activity .wrapper .developer-section.course-lists-block .content-box .course-lists .course-card .course-box .course-title-lists{position:absolute;top:0;left:0;padding:40px;width:100%;background:#f8fcff;z-index:1;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;visibility:hidden}.developer-activity .wrapper .developer-section.course-lists-block .content-box .course-lists .course-card .course-box .course-title-lists:before{-webkit-border-radius:4px 4px 0 0;-moz-border-radius:4px 4px 0 0;border-radius:4px 4px 0 0;content:"";position:absolute;height:4px;background:#f66f6a;display:inline-block;top:0;-webkit-transition:all .3s;-o-transition:all .3s;-moz-transition:all .3s;transition:all .3s;left:50%;right:50%}.developer-activity .wrapper .developer-section.course-lists-block .content-box .course-lists .course-card .course-box .course-title-lists .title{font-size:22px;color:#f66f6a;text-align:center;line-height:22px;margin-bottom:25px}.developer-activity .wrapper .developer-section.course-lists-block .content-box .course-lists .course-card .course-box .course-title-lists .title-lists{margin:0 auto;height:184px}.developer-activity .wrapper .developer-section.course-lists-block .content-box .course-lists .course-card .course-box .course-title-lists .title-lists .course-title{font-size:16px;color:#252b3a;text-align:left;line-height:22px;margin-top:5px}.developer-activity .wrapper .developer-section.course-lists-block .content-box .course-lists .course-card .course-box .course-title-lists .btn-block{margin-top:26px}.developer-activity .wrapper .developer-section.course-lists-block .content-box .course-lists .course-card .course-box .course-title-lists .btn-block .btn-red{font-size:14px;color:#fff;display:inline-block;background:#f66f6a;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;padding:0 18px;height:34px;line-height:34px;-webkit-transition:none;-o-transition:none;-moz-transition:none;transition:none}.developer-activity .wrapper .developer-section.course-lists-block .content-box .show-more{text-align:center;margin-top:20px}.developer-activity .wrapper .developer-section.course-lists-block .content-box .show-more a{color:#387cf0;font-size:14px;line-height:18px;cursor:pointer;position:relative;display:inline-block;padding-right:24px}.developer-activity .wrapper .developer-section.course-lists-block .content-box .show-more a:hover{text-decoration:underline}.developer-activity .wrapper .developer-section.course-lists-block .content-box .show-more a:after{position:absolute;content:"";width:16px;height:16px;display:inline-block;background:url(../images/developer-activity-icon-showmore-blue.png) no-repeat;right:0;top:1px;vertical-align:top}.developer-activity .wrapper .developer-section.algorithm-lists-block .content-box-mb{display:none}.developer-activity .wrapper .developer-section.algorithm-lists-block .content-box-mb .algorithm-list .algorithm-box,.developer-activity .wrapper .developer-section.algorithm-lists-block .content-box .algorithm-list .algorithm-box{background:#fff;margin-bottom:20px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;overflow:hidden;padding-left:240px;position:relative;min-height:240px;text-align:left}.developer-activity .wrapper .developer-section.algorithm-lists-block .content-box-mb .algorithm-list .algorithm-box .test-left,.developer-activity .wrapper .developer-section.algorithm-lists-block .content-box .algorithm-list .algorithm-box .test-left{background:url(../images/developer-activity-bg-algorithm-list01.png) no-repeat 50%/cover;display:table;width:240px;min-height:240px;padding:24px 20px 14px;-webkit-border-radius:4px 0 0 4px;-moz-border-radius:4px 0 0 4px;border-radius:4px 0 0 4px;height:100%;position:absolute;left:0;top:0;text-align:center}.developer-activity .wrapper .developer-section.algorithm-lists-block .content-box-mb .algorithm-list .algorithm-box .test-left .reward-cover,.developer-activity .wrapper .developer-section.algorithm-lists-block .content-box .algorithm-list .algorithm-box .test-left .reward-cover{display:table-cell;vertical-align:middle}.developer-activity .wrapper .developer-section.algorithm-lists-block .content-box-mb .algorithm-list .algorithm-box .test-left .test-title,.developer-activity .wrapper .developer-section.algorithm-lists-block .content-box .algorithm-list .algorithm-box .test-left .test-title{font-size:20px;color:#fff;margin-bottom:3px}.developer-activity .wrapper .developer-section.algorithm-lists-block .content-box-mb .algorithm-list .algorithm-box .test-left .img-block img,.developer-activity .wrapper .developer-section.algorithm-lists-block .content-box .algorithm-list .algorithm-box .test-left .img-block img{width:140px;height:144px}.developer-activity .wrapper .developer-section.algorithm-lists-block .content-box-mb .algorithm-list .algorithm-box .test-left .reward-intro,.developer-activity .wrapper .developer-section.algorithm-lists-block .content-box .algorithm-list .algorithm-box .test-left .reward-intro{margin-top:5px;font-size:16px;color:#fff}.developer-activity .wrapper .developer-section.algorithm-lists-block .content-box-mb .algorithm-list .algorithm-box .test-right,.developer-activity .wrapper .developer-section.algorithm-lists-block .content-box .algorithm-list .algorithm-box .test-right{width:100%;display:inline-block;padding:24px 26px 26px 34px;vertical-align:middle}.developer-activity .wrapper .developer-section.algorithm-lists-block .content-box-mb .algorithm-list .algorithm-box .test-right .test-title,.developer-activity .wrapper .developer-section.algorithm-lists-block .content-box .algorithm-list .algorithm-box .test-right .test-title{font-size:20px;color:#252b3a;line-height:24px;text-align:left;padding-bottom:23px;border-bottom:1px solid #ddd;margin-bottom:18px}.developer-activity .wrapper .developer-section.algorithm-lists-block .content-box-mb .algorithm-list .algorithm-box .test-right .test-title .tag-list,.developer-activity .wrapper .developer-section.algorithm-lists-block .content-box .algorithm-list .algorithm-box .test-right .test-title .tag-list{margin-left:16px;display:inline-block}.developer-activity .wrapper .developer-section.algorithm-lists-block .content-box-mb .algorithm-list .algorithm-box .test-right .test-title .tag-list span,.developer-activity .wrapper .developer-section.algorithm-lists-block .content-box .algorithm-list .algorithm-box .test-right .test-title .tag-list span{font-size:14px;color:#545966;background:#f2f2f2;-webkit-border-radius:14.5px;-moz-border-radius:14.5px;border-radius:14.5px;height:29px;line-height:29px;margin-right:10px;padding:0 19px;display:inline-block}.developer-activity .wrapper .developer-section.algorithm-lists-block .content-box-mb .algorithm-list .algorithm-box .test-right .title,.developer-activity .wrapper .developer-section.algorithm-lists-block .content-box .algorithm-list .algorithm-box .test-right .title{font-size:18px;color:#252b3a;line-height:24px;text-align:left;margin-bottom:16px}.developer-activity .wrapper .developer-section.algorithm-lists-block .content-box-mb .algorithm-list .algorithm-box .test-right .test-cover,.developer-activity .wrapper .developer-section.algorithm-lists-block .content-box .algorithm-list .algorithm-box .test-right .test-cover{position:relative}.developer-activity .wrapper .developer-section.algorithm-lists-block .content-box-mb .algorithm-list .algorithm-box .test-right .test-intro,.developer-activity .wrapper .developer-section.algorithm-lists-block .content-box .algorithm-list .algorithm-box .test-right .test-intro{width:325px;display:inline-block;vertical-align:middle;margin-right:42px}.developer-activity .wrapper .developer-section.algorithm-lists-block .content-box-mb .algorithm-list .algorithm-box .test-right .test-intro div,.developer-activity .wrapper .developer-section.algorithm-lists-block .content-box .algorithm-list .algorithm-box .test-right .test-intro div{background:#f2f2f2;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;font-size:14px;padding:10px 20px;color:#545966}.developer-activity .wrapper .developer-section.algorithm-lists-block .content-box-mb .algorithm-list .algorithm-box .test-right .test-example,.developer-activity .wrapper .developer-section.algorithm-lists-block .content-box .algorithm-list .algorithm-box .test-right .test-example{width:325px;display:inline-block;vertical-align:middle;margin-right:38px}.developer-activity .wrapper .developer-section.algorithm-lists-block .content-box-mb .algorithm-list .algorithm-box .test-right .test-example div,.developer-activity .wrapper .developer-section.algorithm-lists-block .content-box .algorithm-list .algorithm-box .test-right .test-example div{background:#f2f2f2;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;font-size:14px;color:#545966;padding:10px 20px;position:relative}.developer-activity .wrapper .developer-section.algorithm-lists-block .content-box-mb .algorithm-list .algorithm-box .test-right .test-example div:after,.developer-activity .wrapper .developer-section.algorithm-lists-block .content-box .algorithm-list .algorithm-box .test-right .test-example div:after{content:"";position:absolute;height:-webkit-calc(100% + 26px);height:-moz-calc(100% + 26px);height:calc(100% + 26px);width:2px;background:#ddd;right:-38px;display:inline-block;bottom:0}.developer-activity .wrapper .developer-section.algorithm-lists-block .content-box-mb .algorithm-list .algorithm-box .test-right .test-degree,.developer-activity .wrapper .developer-section.algorithm-lists-block .content-box .algorithm-list .algorithm-box .test-right .test-degree{padding-top:12px;display:inline-block;vertical-align:middle;padding-left:30px;padding-bottom:20px}.developer-activity .wrapper .developer-section.algorithm-lists-block .content-box-mb .algorithm-list .algorithm-box .test-right .test-degree .star,.developer-activity .wrapper .developer-section.algorithm-lists-block .content-box .algorithm-list .algorithm-box .test-right .test-degree .star{display:inline-block;width:20px;height:20px;background:url(../images/developer-activity-icon-star.png) no-repeat 50%;margin-left:5px;vertical-align:middle}.developer-activity .wrapper .developer-section.algorithm-lists-block .content-box-mb .algorithm-list .algorithm-box .test-right .btn-block,.developer-activity .wrapper .developer-section.algorithm-lists-block .content-box .algorithm-list .algorithm-box .test-right .btn-block{margin-top:25px}.developer-activity .wrapper .developer-section.algorithm-lists-block .content-box-mb .algorithm-list .algorithm-box .test-right .btn-block .btn-red,.developer-activity .wrapper .developer-section.algorithm-lists-block .content-box .algorithm-list .algorithm-box .test-right .btn-block .btn-red{height:40px;line-height:40px;padding:0 20px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;color:#fff;background:#f66f6a;display:inline-block;font-size:16px;cursor:pointer}.developer-activity .wrapper .developer-section.algorithm-lists-block .content-box-mb .algorithm-list .algorithm-box .test-right .btn-block .btn-red:hover,.developer-activity .wrapper .developer-section.algorithm-lists-block .content-box .algorithm-list .algorithm-box .test-right .btn-block .btn-red:hover{-moz-box-shadow:0 8px 16px 0 rgba(246,111,106,.3);-webkit-box-shadow:0 8px 16px 0 rgba(246,111,106,.3);box-shadow:0 8px 16px 0 rgba(246,111,106,.3)}.developer-activity .wrapper .developer-section.elite-lists-block .content-box-mb .elite-lists,.developer-activity .wrapper .developer-section.elite-lists-block .content-box .elite-lists{overflow:hidden}.developer-activity .wrapper .developer-section.elite-lists-block .content-box-mb .elite-lists .elite-box,.developer-activity .wrapper .developer-section.elite-lists-block .content-box .elite-lists .elite-box{float:left;width:-webkit-calc(50% - 10px);width:-moz-calc(50% - 10px);width:calc(50% - 10px);background:#fff;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;display:table;height:111px;padding:0 30px 0 34px}.developer-activity .wrapper .developer-section.elite-lists-block .content-box-mb .elite-lists .elite-box.erweima-box,.developer-activity .wrapper .developer-section.elite-lists-block .content-box .elite-lists .elite-box.erweima-box{margin-right:20px;padding:0 50px 0 34px}.developer-activity .wrapper .developer-section.elite-lists-block .content-box-mb .elite-lists .elite-box.erweima-box .box-right img,.developer-activity .wrapper .developer-section.elite-lists-block .content-box .elite-lists .elite-box.erweima-box .box-right img{width:100px;height:100px}.developer-activity .wrapper .developer-section.elite-lists-block .content-box-mb .elite-lists .elite-box .box-left,.developer-activity .wrapper .developer-section.elite-lists-block .content-box .elite-lists .elite-box .box-left{display:table-cell;vertical-align:middle;text-align:left}.developer-activity .wrapper .developer-section.elite-lists-block .content-box-mb .elite-lists .elite-box .box-left .elite-title,.developer-activity .wrapper .developer-section.elite-lists-block .content-box .elite-lists .elite-box .box-left .elite-title{font-size:18px;color:#2a3143;line-height:22px;margin-bottom:7px}.developer-activity .wrapper .developer-section.elite-lists-block .content-box-mb .elite-lists .elite-box .box-left .elite-detail,.developer-activity .wrapper .developer-section.elite-lists-block .content-box .elite-lists .elite-box .box-left .elite-detail{font-size:12px;color:#666a75;line-height:18px}.developer-activity .wrapper .developer-section.elite-lists-block .content-box-mb .elite-lists .elite-box .box-right,.developer-activity .wrapper .developer-section.elite-lists-block .content-box .elite-lists .elite-box .box-right{display:table-cell;vertical-align:middle;text-align:right}.developer-activity .wrapper .developer-section.elite-lists-block .content-box-mb .elite-lists .elite-box .box-right .btn-block .btn-red,.developer-activity .wrapper .developer-section.elite-lists-block .content-box .elite-lists .elite-box .box-right .btn-block .btn-red{height:40px;line-height:40px;padding:0 20px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;color:#fff;background:#f66f6a;display:inline-block;font-size:16px;cursor:pointer}.developer-activity .wrapper .developer-section.elite-lists-block .content-box-mb .elite-lists .elite-box .box-right .btn-block .btn-red:hover,.developer-activity .wrapper .developer-section.elite-lists-block .content-box .elite-lists .elite-box .box-right .btn-block .btn-red:hover{-moz-box-shadow:0 8px 16px 0 rgba(246,111,106,.3);-webkit-box-shadow:0 8px 16px 0 rgba(246,111,106,.3);box-shadow:0 8px 16px 0 rgba(246,111,106,.3)}.developer-activity .wrapper .developer-section.elite-lists-block .content-box-mb{display:none}.developer-activity .pop-block{position:fixed;width:100%;height:100%;background:rgba(2,2,2,.3);z-index:9999;top:0;left:0;text-align:left;margin:0;max-width:none;display:none}.developer-activity .pop-block.show{display:block}.developer-activity .pop-block .pop-detail-block{background:#fff;padding:30px;position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;width:400px;height:248px;display:none}.developer-activity .pop-block .pop-detail-block .icon-delete.close-pop{content:"";position:absolute;width:16px;height:16px;right:20px;top:20px;cursor:pointer;display:inline-block;background:url(../images/developer-activity-icon-delete.png) no-repeat 50%}.developer-activity .pop-block .pop-detail-block .pop-header{position:relative}.developer-activity .pop-block .pop-detail-block .pop-header .pop-title{font-size:24px;color:#333;line-height:24px;position:relative;margin-bottom:25px}.developer-activity .pop-block .pop-detail-block .pop-header .pop-title:before{content:"";position:absolute;height:22px;top:1px;width:3px;background:#f66f6a;display:inline-block;left:-30px}.developer-activity .pop-block .pop-detail-block .pop-content .pop-detail{font-size:18px;color:#2a3143;line-height:24px}.developer-activity .pop-block .pop-detail-block .pop-footer{width:100%;position:absolute;left:0;bottom:0;text-align:center;padding:20px 30px 30px}.developer-activity .pop-block .pop-detail-block .pop-footer .po-btn{margin-right:10px}.developer-activity .pop-block .pop-detail-block.apply-block{width:400px;height:407px}.developer-activity .pop-block .pop-detail-block.apply-block .pop-content .img-block{padding:29px 0 35px;text-align:center}.developer-activity .pop-block .pop-detail-block.apply-block .pop-content .img-block img{width:155px;height:155px;display:inline-block}.developer-activity .pop-block .pop-detail-block.apply-block .pop-footer{background:#f5f5f5;height:62px;-webkit-border-radius:0 0 2px 2px;-moz-border-radius:0 0 2px 2px;border-radius:0 0 2px 2px;padding:15px}.developer-activity .pop-block .pop-detail-block.apply-block .pop-footer .po-btn{line-height:32px;width:96px;height:32px;font-size:14px}.developer-activity .pop-block .pop-detail-block.login-block .pop-content .icon-block{display:inline-block;vertical-align:top}.developer-activity .pop-block .pop-detail-block.login-block .pop-content .icon-block .icon{width:40px;height:40px;display:inline-block;background:url(../images/developer-activity-icons-modal.png) no-repeat 0;-webkit-background-size:auto 100%;-moz-background-size:auto 100%;background-size:auto 100%}.developer-activity .pop-block .pop-detail-block.login-block .pop-content .icon-block .icon.icon-waring{background-position-x:-80px}.developer-activity .pop-block .pop-detail-block.login-block .pop-content .icon-block .icon.icon-success{background-position-x:-40px}.developer-activity .pop-block .pop-detail-block.login-block .pop-content .text-block{width:-webkit-calc(100% - 60px);width:-moz-calc(100% - 60px);width:calc(100% - 60px);margin-left:20px;display:inline-block;vertical-align:top}.developer-activity .pop-block .pop-detail-block.rule-block{height:470px;width:700px}.developer-activity .pop-block .pop-detail-block.rule-block .pop-content .rule-list{padding-left:20px;overflow-y:scroll;padding-right:23px;margin-right:2px;height:282px;font-size:14px;color:#252b3a}.developer-activity .pop-block .pop-detail-block.rule-block .pop-content .rule-list::-webkit-scrollbar{width:4px}.developer-activity .pop-block .pop-detail-block.rule-block .pop-content .rule-list a{color:#1b79c8}.developer-activity .pop-block .pop-detail-block.rule-block .pop-content .rule-list a:hover{text-decoration:underline}.developer-activity .pop-block .pop-detail-block.rule-block .pop-content .rule-list li+li,.developer-activity .pop-block .pop-detail-block.rule-block .pop-content .rule-list p+p{margin-top:5px}.developer-activity .pop-block .pop-detail-block.rule-block .pop-content .rule-list li{list-style:decimal;text-align:justify}@media only screen and (max-width:768px){.developer-activity{min-width:auto}.developer-activity .po-container{margin:-5px}.developer-activity .po-container .po-row{padding:0}.developer-activity .po-container [class^=po-col-]{padding:5px}.developer-activity #container{background:#1c0d7a}.developer-activity #container .wrapper-top .leader-poster{background:url(../images/mobile/developer-activity-banner.png) no-repeat top;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;height:auto;padding-bottom:25px}.developer-activity #container .wrapper-top .leader-poster .poster-content .poster-content-box{padding-top:187px;text-align:center}.developer-activity #container .wrapper-top .leader-poster .poster-content .poster-content-box .poster-pre-text{font-size:18px;height:18px;margin-bottom:12px}.developer-activity #container .wrapper-top .leader-poster .poster-content .poster-content-box .poster-caption{margin-bottom:12px;font-size:30px}.developer-activity #container .wrapper-top .leader-poster .poster-content .poster-content-box .poster-text{margin-bottom:12px}.developer-activity #container .wrapper-top .leader-poster .poster-content .poster-content-box .btns .btn-apply{width:96px;height:32px;line-height:32px;font-size:14px;padding:0}.developer-activity #container .wrapper{padding-bottom:30px;min-width:auto}.developer-activity #container .wrapper div:not(:first-child) .developer-section{margin-top:30px}.developer-activity #container .wrapper .developer-section{padding:0 15px}.developer-activity #container .wrapper .developer-section.experience-intro{padding:20px 15px}.developer-activity #container .wrapper .developer-section.experience-intro .img-cover{display:none}.developer-activity #container .wrapper .developer-section.experience-intro .introduce-cover{width:100%}.developer-activity #container .wrapper .developer-section.experience-intro .introduce-cover .introduce .title{text-align:center;line-height:1.5;font-size:20px;width:100%}.developer-activity #container .wrapper .developer-section.experience-intro .introduce-cover .intro-content{font-size:14px;margin-top:10px}.developer-activity #container .wrapper .developer-section.nav-sidebar-block ul{background:url(../images/mobile/developer-activity-bg-nav-sidebar.png) no-repeat 50%/cover;padding:23px 17px 19px}.developer-activity #container .wrapper .developer-section.nav-sidebar-block ul .sidebar-item{padding:19px 0;border-bottom:2px solid hsla(0,0%,80%,.55)}.developer-activity #container .wrapper .developer-section.nav-sidebar-block ul .sidebar-item.no-right-border:after{display:none}.developer-activity #container .wrapper .developer-section.nav-sidebar-block ul .sidebar-item:after{height:100%;border-bottom:2px solid hsla(0,0%,80%,.55)}.developer-activity #container .wrapper .developer-section.nav-sidebar-block ul .sidebar-item .icon-sidebar{display:block;margin:0 auto 12px}.developer-activity #container .wrapper .developer-section.nav-sidebar-block ul .sidebar-item .title{display:block;text-align:center}.developer-activity #container .wrapper .developer-section .section-title{margin-bottom:5px}.developer-activity #container .wrapper .developer-section .section-title i.title-icon{height:26px}.developer-activity #container .wrapper .developer-section .section-title .title{font-size:20px;line-height:26px}.developer-activity #container .wrapper .developer-section .section-info{display:none;font-size:14px;line-height:18px;padding:0 15px}.developer-activity #container .wrapper .developer-section .section-info.mb{display:block}.developer-activity #container .wrapper .developer-section .content-box{margin-top:20px}.developer-activity #container .wrapper .developer-section .content-box.content-box-pc{display:none}.developer-activity #container .wrapper .developer-section .content-box.content-box-mb{display:block}.developer-activity #container .wrapper .developer-section.experience-block.expend .click-more a:after{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}.developer-activity #container .wrapper .developer-section.experience-block .click-more{text-align:center;margin-top:20px;display:block}.developer-activity #container .wrapper .developer-section.experience-block .click-more a{font-size:14px;color:#3d6af2;line-height:18px;display:inline-block;position:relative;padding-right:20px}.developer-activity #container .wrapper .developer-section.experience-block .click-more a:after{content:"";position:absolute;right:0;height:14px;width:14px;background:url(../images/mobile/developer-activity-icon-expert-expand.png) no-repeat 50%;top:2px;display:inline-block;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover}.developer-activity #container .wrapper .developer-section.experience-block .scale-box-list{margin:-5px}.developer-activity #container .wrapper .developer-section.experience-block .scale-box-list .swiper-wrapper{display:block}.developer-activity #container .wrapper .developer-section.experience-block .scale-box-list .scale-box{padding:0}.developer-activity #container .wrapper .developer-section.experience-block .scale-box-list .scale-box .card{height:226px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}.developer-activity #container .wrapper .developer-section.experience-block .scale-box-list .scale-box .card .scale-box-text{padding-top:76px}.developer-activity #container .wrapper .developer-section.experience-block .scale-box-list .scale-box .card .scale-box-text h4{letter-spacing:1px}.developer-activity #container .wrapper .developer-section.experience-block .scale-box-list .scale-box .card .btn{display:block}.developer-activity #container .wrapper .developer-section.experience-block .scale-box-list .swiper-arrow{display:none}.developer-activity #container .wrapper .developer-section.rights-block.tint .content-box .rights-box{-webkit-box-shadow:0 8px 16px 0 rgba(134,139,203,.3);-moz-box-shadow:0 8px 16px 0 rgba(134,139,203,.3);box-shadow:0 8px 16px 0 rgba(134,139,203,.3)}.developer-activity #container .wrapper .developer-section.rights-block .content-box{background:none;height:auto}.developer-activity #container .wrapper .developer-section.rights-block .content-box .rights-box{position:relative;background:#fff;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;padding:17px 20px 15px 47px;text-align:left;margin-bottom:10px}.developer-activity #container .wrapper .developer-section.rights-block .content-box .rights-box .rights-icon{width:38px;height:38px;margin:0 16px 0 0}.developer-activity #container .wrapper .developer-section.rights-block .content-box .rights-box .rights-text{max-width:-webkit-calc(100% - 54px);max-width:-moz-calc(100% - 54px);max-width:calc(100% - 54px);font-size:18px;color:#232b3b;line-height:22px;overflow:hidden;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis}.developer-activity #container .wrapper .developer-section.expert-block.expend .click-more a:after{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}.developer-activity #container .wrapper .developer-section.expert-block .expert-list .expert-box{display:none;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;margin-bottom:10px;background:#fff}.developer-activity #container .wrapper .developer-section.expert-block .expert-list .expert-box .img-block{display:inline-block;vertical-align:middle}.developer-activity #container .wrapper .developer-section.expert-block .expert-list .expert-box .img-block img{width:126px;height:160px}.developer-activity #container .wrapper .developer-section.expert-block .expert-list .expert-box .expert-card{display:inline-block;width:-webkit-calc(100% - 126px);width:-moz-calc(100% - 126px);width:calc(100% - 126px);text-align:left;vertical-align:middle}.developer-activity #container .wrapper .developer-section.expert-block .expert-list .expert-box .expert-card .expert-message{padding:18px 16px 20px 14px}.developer-activity #container .wrapper .developer-section.expert-block .expert-list .expert-box .expert-card .expert-message .expert-name{font-size:24px;color:#252b3a;line-height:33px;margin-bottom:7px}.developer-activity #container .wrapper .developer-section.expert-block .expert-list .expert-box .expert-card .expert-message .expert-position{font-size:14px;color:#7e8391;background:#ebebeb;margin-bottom:13px;padding:0 4px}.developer-activity #container .wrapper .developer-section.expert-block .expert-list .expert-box .expert-card .expert-message .expert-detail{font-size:12px;color:#7e8391;line-height:16px}.developer-activity #container .wrapper .developer-section.expert-block .click-more{text-align:center;margin-top:20px}.developer-activity #container .wrapper .developer-section.expert-block .click-more a{font-size:14px;color:#3d6af2;line-height:18px;display:inline-block;position:relative;padding-right:20px}.developer-activity #container .wrapper .developer-section.expert-block .click-more a:after{content:"";position:absolute;right:0;height:14px;width:14px;background:url(../images/mobile/developer-activity-icon-expert-expand.png) no-repeat 50%;top:2px;display:inline-block;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover}.developer-activity #container .wrapper .developer-section.apply-progress-block{padding:0}.developer-activity #container .wrapper .developer-section.apply-progress-block .content-box{-webkit-background-size:-webkit-calc(100% + 8px) 60%;-moz-background-size:-moz-calc(100% + 8px) 60%;background-size:calc(100% + 8px) 60%;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}.developer-activity #container .wrapper .developer-section.apply-progress-block .content-box .progress-block{padding:20px 15px 15px;background:url(../images/mobile/developer-activity-bg-progress.png) no-repeat top/cover;width:-webkit-calc(100% - 30px);width:-moz-calc(100% - 30px);width:calc(100% - 30px);margin:0 auto}.developer-activity #container .wrapper .developer-section.apply-progress-block .content-box .progress-block .progress-box i.num{width:53px;height:48px}.developer-activity #container .wrapper .developer-section.apply-progress-block .content-box .progress-block .progress-box i.num.num1{background:url(../images/mobile/developer-activity-progress-num1.png) no-repeat 50%;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover}.developer-activity #container .wrapper .developer-section.apply-progress-block .content-box .progress-block .progress-box i.num.num2{background:url(../images/mobile/developer-activity-progress-num2.png) no-repeat 50%;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover}.developer-activity #container .wrapper .developer-section.apply-progress-block .content-box .progress-block .progress-box i.num.num3{background:url(../images/mobile/developer-activity-progress-num3.png) no-repeat 50%;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover}.developer-activity #container .wrapper .developer-section.apply-progress-block .content-box .progress-block .progress-box .progress-title{display:block;font-size:12px;color:#fff;line-height:22px;margin-left:0}.developer-activity #container .wrapper .developer-section.apply-progress-block .content-box .progress-block .progress-box:after{width:9px;height:34px;top:4px;right:-4px;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover}.developer-activity #container .wrapper .developer-section.apply-progress-block .content-box .apply-block{padding:30px 40px}.developer-activity #container .wrapper .developer-section.apply-progress-block .content-box .apply-block .apply-title{font-size:16px;color:#252b3a;line-height:18px}.developer-activity #container .wrapper .developer-section.apply-progress-block .content-box .apply-block .apply-list{text-align:left;margin-bottom:20px}.developer-activity #container .wrapper .developer-section.apply-progress-block .content-box .apply-block .apply-list .apply-box{display:block;width:100%;margin-bottom:10px}.developer-activity #container .wrapper .developer-section.apply-progress-block .content-box .apply-block .apply-list .apply-box .icon-apply{width:26px;height:26px;margin-right:12px}.developer-activity #container .wrapper .developer-section.apply-progress-block .content-box .apply-block .apply-list .apply-box .icon-apply.icon-apply01{background:url(../images/mobile/developer-activity-icon-apply01.png) no-repeat 50%;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover}.developer-activity #container .wrapper .developer-section.apply-progress-block .content-box .apply-block .apply-list .apply-box .icon-apply.icon-apply02{background:url(../images/mobile/developer-activity-icon-apply02.png) no-repeat 50%;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover}.developer-activity #container .wrapper .developer-section.apply-progress-block .content-box .apply-block .apply-list .apply-box .icon-apply.icon-apply03{background:url(../images/mobile/developer-activity-icon-apply03.png) no-repeat 50%;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover}.developer-activity #container .wrapper .developer-section.apply-progress-block .content-box .apply-block .apply-list .apply-box p{font-size:14px;color:#4e5871;width:-webkit-calc(100% - 40px);width:-moz-calc(100% - 40px);width:calc(100% - 40px);line-height:20px}.developer-activity #container .wrapper .developer-section.apply-progress-block .content-box .apply-block .btn-block .po-btn{width:124px;padding:0}.developer-activity #container .wrapper .developer-section.devops-nav-block .devops-nav-cover{background:url(../images/mobile/developer-activity-bg-devops-nav.png) no-repeat 0;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;padding:0 15px}.developer-activity #container .wrapper .developer-section.devops-nav-block .devops-nav-cover .devops-nav-item{width:100%;padding:13px 0;border-right:0}.developer-activity #container .wrapper .developer-section.devops-nav-block .devops-nav-cover .devops-nav-item .devops-nav-detail,.developer-activity #container .wrapper .developer-section.devops-nav-block .devops-nav-cover .devops-nav-item .devops-nav-intro{font-size:12px}.developer-activity #container .wrapper .developer-section.devops-nav-block .devops-nav-cover .devops-nav-item .devops-nav-title{font-size:16px}.developer-activity #container .wrapper .developer-section.devops-nav-block .devops-nav-cover .devops-nav-item:not(:last-child){border-bottom:1px solid #fff}.developer-activity #container .wrapper .developer-section.devops-expert-tech-block .content-box .img-block{width:100%;height:auto}.developer-activity #container .wrapper .developer-section.devops-expert-tech-block .content-box .img-block img{-webkit-border-radius:4px 4px 0 0;-moz-border-radius:4px 4px 0 0;border-radius:4px 4px 0 0}.developer-activity #container .wrapper .developer-section.devops-expert-tech-block .content-box .expert-tech-box{padding:20px;width:100%}.developer-activity #container .wrapper .developer-section.devops-expert-tech-block .content-box .expert-tech-box .expert-name{font-size:16px}.developer-activity #container .wrapper .developer-section.devops-expert-tech-block .content-box .expert-tech-box .expert-position{margin:10px 0 8px}.developer-activity #container .wrapper .developer-section.devops-daily-attendance-progress-block .attendance-progress-list{margin-top:10px}.developer-activity #container .wrapper .developer-section.devops-daily-attendance-progress-block .attendance-progress-list .progress-list-title{padding:0 18px;color:#fff;font-size:16px;text-align:center;line-height:44px;height:44px}.developer-activity #container .wrapper .developer-section.devops-daily-attendance-progress-block .attendance-progress-list .progress-list-title.bg-progress-learn{background:url(../images/mobile/developer-activity-bg-attendance-progress-learn.png) no-repeat 50%/cover}.developer-activity #container .wrapper .developer-section.devops-daily-attendance-progress-block .attendance-progress-list .progress-list-title.bg-progress-daka{background:url(../images/mobile/developer-activity-bg-attendance-progress-daka.png) no-repeat 50%/cover}.developer-activity #container .wrapper .developer-section.devops-daily-attendance-progress-block .attendance-progress-list .progress-list-detail{padding:0;height:auto;line-height:normal;background:url(../images/mobile/developer-activity-bg-attendance-progress-detail.png) no-repeat 50%/cover;overflow:hidden;margin-top:0}.developer-activity #container .wrapper .developer-section.devops-daily-attendance-progress-block .attendance-progress-list .progress-list-detail span{line-height:62px}.developer-activity #container .wrapper .developer-section.devops-daily-attendance-progress-block .attendance-progress-list .progress-list-detail span.li-01{font-size:14px;color:#fff;width:29%;float:left;text-align:center}.developer-activity #container .wrapper .developer-section.devops-daily-attendance-progress-block .attendance-progress-list .progress-list-detail span.li-02{width:71%;float:left;padding:0 10px 0 15px;font-size:12px;color:#333}.developer-activity #container .wrapper .developer-section.devops-daily-attendance-progress-block .attendance-progress-list .progress-list-detail span.li-02 span{line-height:20px;display:inline-block;vertical-align:middle}.developer-activity #container .wrapper .developer-section.devops-daily-attendance-progress-block .attendance-progress-list.two .progress-list-detail{display:table;width:100%}.developer-activity #container .wrapper .developer-section.devops-daily-attendance-progress-block .attendance-progress-list.two .progress-list-detail span.li-01{float:none;display:table-cell;padding:0 10px;line-height:20px;vertical-align:middle}.developer-activity #container .wrapper .developer-section.devops-daily-attendance-progress-block .attendance-progress-list.two .progress-list-detail .li-02{display:table-cell;vertical-align:middle;float:none}.developer-activity #container .wrapper .developer-section.devops-daily-attendance-progress-block .attendance-progress-list.two .progress-list-detail .li-02 span{line-height:20px}.developer-activity #container .wrapper .developer-section.devops-daily-attendance-progress-block .attendance-progress-list.two .progress-list-title{text-align:left}.developer-activity #container .wrapper .developer-section.devops-daily-attendance-progress-block .attendance-progress-list.two .progress-list-title.bg-progress-daka{background:url(../images/mobile/developer-activity-bg-attendance-progress-daka2.png) no-repeat 50%/cover}.developer-activity #container .wrapper .developer-section.devops-daily-attendance-progress-block .attendance-progress-list.two .progress-list-title h3{font-size:0;line-height:44px;height:44px}.developer-activity #container .wrapper .developer-section.devops-daily-attendance-progress-block .attendance-progress-list.two .progress-list-title h3 span{font-size:16px;height:20px;line-height:20px;vertical-align:middle;display:inline-block}.developer-activity #container .wrapper .developer-section.devops-daily-attendance-progress-block .attendance-progress-list.two .progress-list-title h3 span:first-child{margin-right:30px;position:relative}.developer-activity #container .wrapper .developer-section.devops-daily-attendance-progress-block .attendance-progress-list.two .progress-list-title h3 span:first-child:after{position:absolute;content:"";display:inline-block;width:1px;border-left:1px solid #fff;height:14px;top:3px;right:-12px}.developer-activity #container .wrapper .developer-section.devops-daily-attendance-progress-block .attendance-progress-list.two .progress-list-title h3 span:last-child{width:-webkit-calc(100% - 96px);width:-moz-calc(100% - 96px);width:calc(100% - 96px);text-align:center}.developer-activity #container .wrapper .developer-section.devops-join-progress-block .content-box{background:none;margin-left:-15px;width:-webkit-calc(100% + 30px);width:-moz-calc(100% + 30px);width:calc(100% + 30px)}.developer-activity #container .wrapper .developer-section.devops-join-progress-block .content-box .progress-block{padding:0 15px;background:url(../images/mobile/developer-activity-bg-devops-join-progress-block.jpg) no-repeat 50%/cover;width:-webkit-calc(100% - 30px);width:-moz-calc(100% - 30px);width:calc(100% - 30px);margin:0 auto}.developer-activity #container .wrapper .developer-section.devops-join-progress-block .content-box .progress-block .progress-box{width:100%!important;padding:20px 0;border-bottom:1px solid hsla(0,0%,80%,.5)}.developer-activity #container .wrapper .developer-section.devops-join-progress-block .content-box .progress-block .progress-box .num{width:72px;height:72px;margin-right:10px;background:url(../images/mobile/developer-activity-devops-join-progress-step.png) no-repeat;-webkit-background-size:auto 100%;-moz-background-size:auto 100%;background-size:auto 100%}.developer-activity #container .wrapper .developer-section.devops-join-progress-block .content-box .progress-block .progress-box .progress-intro{width:-webkit-calc(100% - 82px);width:-moz-calc(100% - 82px);width:calc(100% - 82px)}.developer-activity #container .wrapper .developer-section.devops-join-progress-block .content-box .progress-block .progress-box .progress-intro .progress-title{margin-bottom:8px;font-size:18px;line-height:22px}.developer-activity #container .wrapper .developer-section.devops-join-progress-block .content-box .progress-block .progress-box .progress-intro .progress-detail{font-size:12px;line-height:18px;height:36px}.developer-activity #container .wrapper .developer-section.devops-join-progress-block .content-box .progress-block .progress-box:last-child{border:none}.developer-activity #container .wrapper .developer-section.devops-join-progress-block .content-box .progress-block .progress-box:after{display:none}.developer-activity #container .wrapper .developer-section.devops-join-progress-block .content-box .btn-block{padding:161px 15px 0;margin-top:-161px}.developer-activity #container .wrapper .developer-section.devops-join-progress-block .content-box .btn-block .btn-box{padding:20px 0;background:#fff;-webkit-border-radius:0 0 4px 4px;-moz-border-radius:0 0 4px 4px;border-radius:0 0 4px 4px}.developer-activity #container .wrapper .developer-section.devops-join-progress-block .content-box .btn-block .btn-box .btn-apply{height:32px;line-height:30px;font-size:14px;padding:0 14px}.developer-activity #container .wrapper .developer-section.devops-faq-block .content-box{padding:25px 15px}.developer-activity #container .wrapper .developer-section.devops-faq-block .content-box .faq-list .faq-box+.faq-box{margin-top:15px}.developer-activity #container .wrapper .developer-section.devops-faq-block .content-box .faq-list .faq-box .faq-title{font-size:16px;padding-left:35px;height:auto;line-height:20px;padding-bottom:15px}.developer-activity #container .wrapper .developer-section.devops-faq-block .content-box .faq-list .faq-box .faq-title:before{top:0}.developer-activity #container .wrapper .developer-section.devops-faq-block .content-box .faq-list .faq-box .faq-detail{padding-left:40px}.developer-activity #container .wrapper .developer-section.devops-history-courses-block .history-courses-list .course-box{padding:15px 20px}.developer-activity #container .wrapper .developer-section.devops-history-courses-block .history-courses-list .course-box .img-block{display:block;margin:0 auto}.developer-activity #container .wrapper .developer-section.devops-history-courses-block .history-courses-list .course-box .course-intro{width:100%;display:block}.developer-activity #container .wrapper .developer-section.devops-history-courses-block .history-courses-list .course-box .course-intro .course-title{margin:5px 0 15px;text-align:center}.developer-activity #container .wrapper .developer-section.devops-hot-activity-block .hot-activity-list .hot-activity-card{padding:15px}.developer-activity #container .wrapper .developer-section.devops-hot-activity-block .hot-activity-list .hot-activity-card:hover .hot-activity-title{color:#252b3a}.developer-activity #container .wrapper .developer-section.devops-hot-activity-block .hot-activity-list .hot-activity-card .hot-activity-title{font-size:16px;line-height:18px}.developer-activity #container .wrapper .developer-section.devops-hot-activity-block .hot-activity-list .hot-activity-card .hot-activity-detail{font-size:12px;line-height:18px}.developer-activity #container .wrapper .developer-section.footer-join-us-block .content-box{background:url(../images/mobile/developer-activity-bg-footer-join-us.jpg) no-repeat 50%/cover;padding:24px 26px 15px}.developer-activity #container .wrapper .developer-section.footer-join-us-block .content-box .join-us-box{float:none;text-align:center;width:100%}.developer-activity #container .wrapper .developer-section.footer-join-us-block .content-box .join-us-box .join-us-title{font-size:18px;line-height:22px}.developer-activity #container .wrapper .developer-section.footer-join-us-block .content-box .join-us-box .join-us-detail{opacity:.6;font-size:12px;line-height:18px}.developer-activity #container .wrapper .developer-section.footer-join-us-block .content-box .btn-block{float:none;width:100%;margin:15px 0 0}.developer-activity #container .wrapper .developer-section.footer-join-us-block .content-box .btn-block .btn-apply{font-size:14px;padding:0 10px}.developer-activity #container .wrapper .developer-section.next-experience-block .swiper-wrapper{display:block}.developer-activity #container .wrapper .developer-section.next-experience-block .swiper-arrow{display:none}.developer-activity #container .wrapper .developer-section.next-experience-block .content-box .next-box .img-block{width:100%;height:auto}.developer-activity #container .wrapper .developer-section.next-experience-block .content-box .next-box .img-block img{width:100%;height:104px}.developer-activity #container .wrapper .developer-section.next-experience-block .content-box .next-box .next-card{padding:15px;background:rgba(39,64,148,.5)}.developer-activity #container .wrapper .developer-section.next-experience-block .content-box .next-box .next-card .icon-next{width:48px;height:48px;margin-bottom:5px}.developer-activity #container .wrapper .developer-section.next-experience-block .content-box .next-box .next-card .next-title{font-size:16px;line-height:20px;letter-spacing:1px}.developer-activity #container .wrapper .developer-section.next-experience-block .content-box .next-box .next-card:hover .next-title{color:#fff}.developer-activity #container .wrapper .developer-section.next-experience-block .content-box .next-box .next-card:hover .btn-block,.developer-activity #container .wrapper .developer-section.next-experience-block .content-box .next-box .next-card:hover .next-detail,.developer-activity #container .wrapper .developer-section.next-experience-block .content-box .next-box .next-card:hover:before{display:none}.developer-activity #container .wrapper .developer-section.book-intro-block.tint .content-box{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;overflow:visible}.developer-activity #container .wrapper .developer-section.book-intro-block.tint .content-box .book-intro-box{-webkit-border-radius:4px 4px 0 0;-moz-border-radius:4px 4px 0 0;border-radius:4px 4px 0 0}.developer-activity #container .wrapper .developer-section.book-intro-block.tint .content-box .book-detail-box,.developer-activity #container .wrapper .developer-section.book-intro-block.tint .content-box .book-intro-box{-webkit-box-shadow:0 8px 16px 0 rgba(134,139,203,.3);-moz-box-shadow:0 8px 16px 0 rgba(134,139,203,.3);box-shadow:0 8px 16px 0 rgba(134,139,203,.3)}.developer-activity #container .wrapper .developer-section.book-intro-block .content-box.expend .click-more a:after{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}.developer-activity #container .wrapper .developer-section.book-intro-block .content-box .click-more{text-align:center;margin-top:20px;display:block}.developer-activity #container .wrapper .developer-section.book-intro-block .content-box .click-more a{font-size:14px;color:#3d6af2;line-height:18px;display:inline-block;position:relative;padding-right:20px}.developer-activity #container .wrapper .developer-section.book-intro-block .content-box .click-more a:after{content:"";position:absolute;right:0;height:14px;width:14px;background:url(../images/mobile/developer-activity-icon-expert-expand.png) no-repeat 50%;top:2px;display:inline-block;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover}.developer-activity #container .wrapper .developer-section.book-intro-block .content-box .book-intro-box{width:100%;float:none;padding:26px 26px 22px}.developer-activity #container .wrapper .developer-section.book-intro-block .content-box .book-intro-box .book-intro .intro{text-align:left}.developer-activity #container .wrapper .developer-section.book-intro-block .content-box .book-detail-box{float:none;width:100%;padding:27px 20px 8px}.developer-activity #container .wrapper .developer-section.book-intro-block .content-box .book-detail-box .book-detail .book{font-size:18px;color:#252b3a;line-height:20px}.developer-activity #container .wrapper .developer-section.book-intro-block .content-box .book-detail-box .card-list .card-box{width:100%;padding:0;margin-bottom:25px}.developer-activity #container .wrapper .developer-section.book-intro-block .content-box .book-detail-box .card-list .card-box:nth-child(odd){padding-right:0}.developer-activity #container .wrapper .developer-section.book-intro-block .content-box .book-detail-box .card-list .card-box:nth-child(2n){padding-left:0}.developer-activity #container .wrapper .developer-section.book-intro-block .content-box .book-detail-box .card-list .card-box .title{font-size:16px;color:#252b3a;line-height:22px}.developer-activity #container .wrapper .developer-section.book-intro-block .content-box .book-detail-box .card-list .card-box .detail{height:auto;max-height:44px}.developer-activity #container .wrapper .developer-section.course-lists-block{padding:0}.developer-activity #container .wrapper .developer-section.course-lists-block .course-lists{margin:0}.developer-activity #container .wrapper .developer-section.course-lists-block .course-lists .course-card{width:100%;padding:0;margin-top:5px;-webkit-border-radius:none;-moz-border-radius:none;border-radius:none}.developer-activity #container .wrapper .developer-section.course-lists-block .course-lists .course-card:first-child{margin-top:0}.developer-activity #container .wrapper .developer-section.course-lists-block .course-lists .course-card .icon-course{width:48px;height:48px;margin-bottom:5px}.developer-activity #container .wrapper .developer-section.course-lists-block .course-lists .course-card .course-title{font-size:16px;color:#fff;line-height:20px}.developer-activity #container .wrapper .developer-section.course-lists-block .course-lists .title-block{padding:20px 0;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover}.developer-activity #container .wrapper .developer-section.course-lists-block .course-intro-block,.developer-activity #container .wrapper .developer-section.course-lists-block .course-learning-number,.developer-activity #container .wrapper .developer-section.course-lists-block .course-title-lists{display:none}.developer-activity #container .wrapper .developer-section.algorithm-lists-block .section-info{margin-bottom:5px}.developer-activity #container .wrapper .developer-section.algorithm-lists-block .content-box{display:none}.developer-activity #container .wrapper .developer-section.algorithm-lists-block .content-box-mb{display:block}.developer-activity #container .wrapper .developer-section.algorithm-lists-block .content-box-mb .algorithm-list .algorithm-box{padding:0;min-height:auto}.developer-activity #container .wrapper .developer-section.algorithm-lists-block .content-box-mb .algorithm-list .algorithm-box.active .test-right{display:block}.developer-activity #container .wrapper .developer-section.algorithm-lists-block .content-box-mb .algorithm-list .algorithm-box.active .test-left .reward-cover:after{content:"";position:absolute;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}.developer-activity #container .wrapper .developer-section.algorithm-lists-block .content-box-mb .algorithm-list .algorithm-box .test-left{width:100%;position:relative;height:auto;min-height:auto;padding:8px 63px 6px 15px;-webkit-border-radius:4px 4px 0 0;-moz-border-radius:4px 4px 0 0;border-radius:4px 4px 0 0}.developer-activity #container .wrapper .developer-section.algorithm-lists-block .content-box-mb .algorithm-list .algorithm-box .test-left .reward-cover{display:block;position:relative}.developer-activity #container .wrapper .developer-section.algorithm-lists-block .content-box-mb .algorithm-list .algorithm-box .test-left .reward-cover:after{content:"";position:absolute;display:inline-block;border-left:1px solid #fff;border-top:1px solid #fff;width:10px;height:10px;-webkit-transform:rotate(-135deg);-moz-transform:rotate(-135deg);-ms-transform:rotate(-135deg);-o-transform:rotate(-135deg);transform:rotate(-135deg);top:-webkit-calc(50% - 7px);top:-moz-calc(50% - 7px);top:calc(50% - 7px);right:-20px}.developer-activity #container .wrapper .developer-section.algorithm-lists-block .content-box-mb .algorithm-list .algorithm-box .test-left .reward-cover .test-cover{display:inline-block;width:-webkit-calc(100% - 100px);width:-moz-calc(100% - 100px);width:calc(100% - 100px);vertical-align:middle;text-align:left}.developer-activity #container .wrapper .developer-section.algorithm-lists-block .content-box-mb .algorithm-list .algorithm-box .test-left .reward-cover .test-cover .test-title{font-size:18px;line-height:22px;display:inline-block;vertical-align:middle}.developer-activity #container .wrapper .developer-section.algorithm-lists-block .content-box-mb .algorithm-list .algorithm-box .test-left .reward-cover .test-cover .reward-intro{margin-top:8px;font-size:14px;line-height:18px;display:inline-block;vertical-align:middle}.developer-activity #container .wrapper .developer-section.algorithm-lists-block .content-box-mb .algorithm-list .algorithm-box .test-left .reward-cover .img-block{display:inline-block;vertical-align:middle;width:100px}.developer-activity #container .wrapper .developer-section.algorithm-lists-block .content-box-mb .algorithm-list .algorithm-box .test-left .reward-cover .img-block img{width:100px;height:110px}.developer-activity #container .wrapper .developer-section.algorithm-lists-block .content-box-mb .algorithm-list .algorithm-box .test-right{padding:20px 12px;display:none}.developer-activity #container .wrapper .developer-section.algorithm-lists-block .content-box-mb .algorithm-list .algorithm-box .test-right .test-title{font-size:16px;color:#252b3a;line-height:20px;border-bottom:none;margin-bottom:7px}.developer-activity #container .wrapper .developer-section.algorithm-lists-block .content-box-mb .algorithm-list .algorithm-box .test-right .test-title .tag-list{display:block;margin-top:12px;margin-left:0}.developer-activity #container .wrapper .developer-section.algorithm-lists-block .content-box-mb .algorithm-list .algorithm-box .test-right .test-title .tag-list span{font-size:12px;color:#545966;line-height:18px;padding:0 14px;height:23px;line-height:23px;-webkit-border-radius:11.5px;-moz-border-radius:11.5px;border-radius:11.5px}.developer-activity #container .wrapper .developer-section.algorithm-lists-block .content-box-mb .algorithm-list .algorithm-box .test-right .test-example,.developer-activity #container .wrapper .developer-section.algorithm-lists-block .content-box-mb .algorithm-list .algorithm-box .test-right .test-intro{margin-right:0}.developer-activity #container .wrapper .developer-section.algorithm-lists-block .content-box-mb .algorithm-list .algorithm-box .test-right .test-example .title,.developer-activity #container .wrapper .developer-section.algorithm-lists-block .content-box-mb .algorithm-list .algorithm-box .test-right .test-intro .title{padding-left:16px;font-size:16px;color:#666a75;line-height:18px;margin-bottom:12px;position:relative}.developer-activity #container .wrapper .developer-section.algorithm-lists-block .content-box-mb .algorithm-list .algorithm-box .test-right .test-example .title:before,.developer-activity #container .wrapper .developer-section.algorithm-lists-block .content-box-mb .algorithm-list .algorithm-box .test-right .test-intro .title:before{content:"";position:absolute;left:2px;top:-webkit-calc(50% - 2px);top:-moz-calc(50% - 2px);top:calc(50% - 2px);width:4px;height:4px;display:inline-block;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;background:#a0a2a8}.developer-activity #container .wrapper .developer-section.algorithm-lists-block .content-box-mb .algorithm-list .algorithm-box .test-right .test-cover .test-intro{width:100%}.developer-activity #container .wrapper .developer-section.algorithm-lists-block .content-box-mb .algorithm-list .algorithm-box .test-right .test-cover .test-intro .title{padding-left:16px;font-size:16px;color:#666a75;line-height:18px;margin-bottom:12px;position:relative}.developer-activity #container .wrapper .developer-section.algorithm-lists-block .content-box-mb .algorithm-list .algorithm-box .test-right .test-cover .test-intro .title:before{content:"";position:absolute;left:2px;top:-webkit-calc(50% - 2px);top:-moz-calc(50% - 2px);top:calc(50% - 2px);width:4px;height:4px;display:inline-block;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;background:#a0a2a8}.developer-activity #container .wrapper .developer-section.algorithm-lists-block .content-box-mb .algorithm-list .algorithm-box .test-right .test-cover .test-intro div{padding:15px 12px}.developer-activity #container .wrapper .developer-section.algorithm-lists-block .content-box-mb .algorithm-list .algorithm-box .test-right .test-example{width:100%;margin-top:19px;padding-bottom:20px;border-bottom:1px solid #ddd}.developer-activity #container .wrapper .developer-section.algorithm-lists-block .content-box-mb .algorithm-list .algorithm-box .test-right .test-example div{padding:12px}.developer-activity #container .wrapper .developer-section.algorithm-lists-block .content-box-mb .algorithm-list .algorithm-box .test-right .test-degree{width:100%;padding:14px 8px 0 16px}.developer-activity #container .wrapper .developer-section.algorithm-lists-block .content-box-mb .algorithm-list .algorithm-box .test-right .test-degree .title{display:inline-block;width:-webkit-calc(100% - 104px);width:-moz-calc(100% - 104px);width:calc(100% - 104px);vertical-align:middle;margin-bottom:0}.developer-activity #container .wrapper .developer-section.algorithm-lists-block .content-box-mb .algorithm-list .algorithm-box .test-right .test-degree .title .star{margin-top:-3px}.developer-activity #container .wrapper .developer-section.algorithm-lists-block .content-box-mb .algorithm-list .algorithm-box .test-right .test-degree .btn-block{margin-top:0;display:inline-block;vertical-align:middle}.developer-activity #container .wrapper .developer-section.elite-lists-block .content-box{display:none}.developer-activity #container .wrapper .developer-section.elite-lists-block .section-title{margin-bottom:20px}.developer-activity #container .wrapper .developer-section.elite-lists-block .content-box-mb{display:block}.developer-activity #container .wrapper .developer-section.elite-lists-block .content-box-mb .elite-lists .elite-box{height:auto;width:100%;display:block;padding:19px 20px 21px}.developer-activity #container .wrapper .developer-section.elite-lists-block .content-box-mb .elite-lists .elite-box:first-child{margin-bottom:10px}.developer-activity #container .wrapper .developer-section.elite-lists-block .content-box-mb .elite-lists .elite-box .box-right{width:100%;display:block}.developer-activity #container .wrapper .developer-section.elite-lists-block .content-box-mb .elite-lists .elite-box .box-right .btn-block{margin-top:15px;text-align:center}.developer-activity #container .wrapper .developer-section.elite-lists-block .content-box-mb .elite-lists .elite-box .box-right .btn-block .btn-red{font-size:12px;padding:0 25px;height:32px;line-height:32px}.developer-activity #container .wrapper .developer-section.elite-lists-block .content-box-mb .elite-lists .elite-box .box-left{width:100%;display:block;text-align:center}.developer-activity #container .wrapper .developer-section.elite-lists-block .content-box-mb .elite-lists .elite-box .box-left .elite-detail span{display:block;font-size:14px;color:#575d6c;line-height:24px}.developer-activity #container .wrapper .developer-section.elite-lists-block .content-box-mb .elite-lists .elite-box .box-left .elite-title{color:#252b3a;line-height:26px;margin-bottom:11px}.developer-activity #container .wrapper .developer-section.elite-lists-block .content-box-mb .elite-lists .elite-box.erweima-box{padding:35px 20px 17px}.developer-activity #container .wrapper .developer-section.elite-lists-block .content-box-mb .elite-lists .elite-box.erweima-box .box-right{margin-bottom:19px}.developer-activity #container .wrapper .developer-section.elite-lists-block .content-box-mb .elite-lists .elite-box.erweima-box .box-right img{width:188px;height:188px;margin:0 auto;display:block}.developer-activity #container .pop-block .pop-detail-block,.developer-activity #container .pop-block .pop-detail-block.apply-block{width:-webkit-calc(100% - 30px);width:-moz-calc(100% - 30px);width:calc(100% - 30px);margin:auto 15px}}